草庐IT

el-button-group

全部标签

vue大数据表格上万条数据,树型表格,解决el-table表格数据量过大渲染卡死的问题,使用umy-ui的大数据表格虚拟表格虚拟滚u-table解决。

先看看效果吧,拿实例说话,直接渲染四万多条数据不分页,树形表格可以展开直接上代码:第一步:引入表格组件:自行按照官方文档引入即可第二步:具体页面实现代码:这是HTMl代码,多的不介绍,基本方法和el-atble没什么区别,只是tl-table的基础上加了几个属性,这里必须加的两个属性,不加的话无法实现虚拟表格,页面一样会卡死,第一个,use-virtual,第二个height,必须限制高度,这两个不加就是普通表格,加了之后就是虚拟表格,可以上万条数据显示,treeConfig这个参数注意,吧部分el-table里面的属性放到这个集合里面了,比如load,自己注意就行了,如果是虚拟树形表格,注意

el-date-picker设置日期默认值(当月月初至月末)

 1.ElementUI日期样式2.定义数据以及方法这里面的signDate可以赋值为空字符''或者赋值为空数组[],这里面包含两个值,一个值为开始日期,另一个值为结束日期exportdefault{data(){return{queryParams:{signDate:''},pickerOptions:{shortcuts:[{text:'最近一周',onClick(picker){constend=newDate()conststart=newDate()start.setTime(start.getTime()-3600*1000*24*7)picker.$emit('pick',[s

el-table不显示数据的问题

最近调试用element-ui中的el-table来显示数据,发现无法显示出数据,通过调试,发现后台的数据传到前台了。如图所示: 从网上收集到两种答案都不成功。一种是将element-ui的版本降级。一种是在webpack里面设置一下:vue:'vue/dist/vue.esm.js',原因是说element-ui使用的Vue版本与当前的Vue版本不一致导致的。 resolve:{ extensions:['.js','.vue','.json'], alias:{ '@':pathResolve('../src'), vue:'vue/dist/vue.esm.js', },

设置el-table表头全选框隐藏或禁用

需求:设置el-table表头的多选框隐藏或禁用,网上找的均造成即时生效,但刷新页面时页面会卡顿。 方法1:直接使用css(scoped中)设置:::v-deep.el-table__header-wrapper.el-checkbox{//display:none;//设置不成功,页面卡顿visibility:hidden;}方法2:给el-table设置表头属性header-cell-class-nameleftheaderStyle({row,column,rowIndex,columnIndex}){if(columnIndex===0){return"seltAllbtnDis";}

Sql group by 分组取时间最新的一条数据

1.取时间最新的记录不分组有重复(多条CreateTime一样的都是最新记录)select*fromtesttwherepidin(selectPIdfromTesttwheretime=(selectmax(time)fromTestt1wheret1.PId=t.PId)groupbyPid)andtime=(selectmax(time)fromTestt1wheret1.PId=t.PId)2.分组后取时间最新的记录SELECTmax(Id)/*注意Id必须使用聚合函数Max*/,Pid,MAX(Time)asMaxTimeFROMTestGROUPBYpid3.如果Id是uuid类型

Mysql8 “this is incompatible with sql_mode=only_full_group_by“的解决办法。

参考:https://blog.csdn.net/u012660464/article/details/113977173一、报错问题1055-Expression#2ofSELECTlistisnotinGROUPBYclauseandcontainsnonaggregatedcolumn'字段名'whichisnotfunctionallydependentoncolumnsinGROUPBYclause;thisisincompatiblewithsql_mode=only_full_group_by大致意思:SELECT列表的表达式#2不在GROUPBY子句中,并且包含非聚合列的jsf

Mysql8 “this is incompatible with sql_mode=only_full_group_by“的解决办法。

参考:https://blog.csdn.net/u012660464/article/details/113977173一、报错问题1055-Expression#2ofSELECTlistisnotinGROUPBYclauseandcontainsnonaggregatedcolumn'字段名'whichisnotfunctionallydependentoncolumnsinGROUPBYclause;thisisincompatiblewithsql_mode=only_full_group_by大致意思:SELECT列表的表达式#2不在GROUPBY子句中,并且包含非聚合列的jsf

element ui中的el-input回车键事件

今天项目里面的登录页面,需要按键盘回车键就直接登录,但是测试的时候,按了回车键后,直接刷新页面了,这不是我想要的,之后网上查了一下代码如下:el-inputv-model="form.biz_user_password"placeholder="请输入新密码"@keyup.enter.native="keyUp('form')">el-input>上面的写法没问题,但是这样又会出现一个问题,当form表单中只有一个input框时,按回车键,页面还是刷新的。之后再查了一下,原来form表单只有一个Input框时,回车键默认为表单提交的事件所以最后的解决文案为:el-formref="form":

Commit cannot be completed since the group has already rebalanced and assign

报错信息Commitcannotbecompletedsincethegrouphasalreadyrebalancedandassignedthepartitions如何理解这里是说提交commit失败,因为这个组已经重新分配了产生原因正常情况下,kafka会有一个配置用于设置一条消息的过期时间,在规定时间内,如果消费者提交了消费完成的信息,那么就可以正常的分配下一条记录给消费者,并且将当前记录的状态记为"已消费"状态,对消息队列做一个标识,避免重复消费如何解决kafka中配置的规定返回消息时间,默认是300s,也就是5分钟,但是有一些业务逻辑处理起来比较复杂,数据量又比较庞大,那么5分钟是

el-tree使用获取当前选中节点的父节点数据(开发记录)

一、前提官网上有两种办法:根据data或者key拿到Tree组件中的node(data)要获得node的key或者data。我这key设置后没有生效,采用的node获取的方法1、html部分el-treeref="tree":data="treeData"node-key="id":props="defaultProps"@node-click="handleNodeClick">/el-tree>2、data举例data(){ return{ treeData:[{ id:'11',label:'一级1'},{id:'22',label:'一级2',children:[{ id:'221