来啦(#^.^#)

背景对表格的某一列增加筛选操作；el-table自带api貌似有点麻烦而且好像不太适合从服务端拿数据进行处理（我太菜不知道怎么操作~）解决方案 – 利用插槽注意的问题：没有加key的时候数据是没有渲染上表头不渲染问题： 配合着v-if和对该列增加key值来使用代码：<el-table> ... <el-table-column show-overflow-tooltip min-width="120" :key="Ma

背景在使用el-tree控件时，当要获取当前树已勾选的数量，一般会用this.$refs.tree.getCheckedKeys或者this.$refs.tree.getCheckedNodes但是在有筛选条件时，在筛选之后，点击全选，这两个方法获取的数量是错误的，仍然是原始数据的总数。但显然这不是我们想要的结果思路自定义方法，通过获取原始树的节点对visible属性进行筛选，从而获得已勾选的叶子节点树具体实现<template> <div> ... <s

思路将筛选条件都塞到一个对象里，再用this.$refs.tree.filter(obj)时，传入一个对象具体实现data() { return { level: "", type: "", keyName: "", filterObj: { level: "", type: "", keyName: "" }, }},watc

禁用当前时间之前的日期（此刻之前）<el-date-picker v-model="ruleForm.executeTime" value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm' :picker-options="pickerOptions" type="datetime" placeholder="选择日期时间"></el-date-picker>... c

可能原因：可能数字和字符串没有对应上(value是数字型，但拿到的值是字符串或者反过来)直接对ruleForm={...}进行赋值，把其他的属性覆盖掉了清除了，所以没有这个值了；可以分开赋值，如：// e.gthis.ruleForm.selectValue = 1;this.ruleForm.radioValue = 1;...

表单中的el-tree表单项非空校验 el-treed的一些属性 给el-tree增加全选checkbox根节点 按需实现checkbox禁止勾选（disabled）

页面： 生成报告，然后报告表单有一项为树形控件，切换tab页展示对应数据el-tabs循环遍历对象languageObj:[{ language:1,tplId:2 }]????一开始思路是切换一次tab调一次接口，然后拿到数据进行展示所以定义了很多变量：lanAll: 对象，key为语言类型，value为对应数据，data绑定lanAll[curLan]idArrAll: 数组，存所有id值；结构同上；idCur：当前语言的id值，在currentChecked方法里进行增删处理idCo

elementUI组件展示方式是table-cell悬停时展示popover，popover内容仍旧是一个表格结构如下：<el-table row-key="id"> <el-table-column> <template slot-scope="scope"> <el-popover> <el-table row-key="id"></el-table> </el-popover> &l

使用elementUI的table组件时，会有默认时间：当鼠标悬停时会高亮当前行。如果不想要，可以把颜色设置成背景色，或者任何你想要的颜色： .el-table tbody tr:hover>td { background: #ccc!important }但如果设置了stripe属性，表格会呈斑马纹两种颜色交替，设置颜色这个方法就失效了，这时候就可以禁用事件：.el-table tbody tr { pointer-events:none; }...

之前实习的写过关于记住页码的，但是写的很麻烦今天看到了这种写法，记录一下在router下的index.js预处理一下就是把pageSize变为一个对象，key存当前路由，value是size值或许可以实现记住page和size的值（即离开页面再回来的时候还是之前的size和page）router.beforeEach((to, from, next) => { let pageSize = JSON.parse(window.localStorage.getItem('pag

之前工作中在自定义组件时有用到modal组件，官方文档里都会在modal里写<fui-modal :visible.sync="visible" on-close="close">.sync修饰符：当值更新时，会显示触发更新事件而子组件接受父组件传值时，不能对其直接进行改变因此，自定义组件里要把这个修饰符去掉，不然关闭modal时会报错...

用该标签包裹组件时，会缓存不活动的组件实例。主要用于保留组件状态或避免重新渲染。比如，列表有详情页会进行 列表页与详情页 之间的多次切换这时可以对列表组件使用<keep-alive>进行缓存，这样用户每次返回列表时，都能从缓存中快速渲染而非重新渲染。这样会减轻服务器压力，提高性能。...