在实现需求的过程中,需要对权限进行编辑,具体的一张图表示吧。 传入一个json,可以对其进行编辑,并有规则验证和回撤功能。 当时收到需求的时候,第一时间想到的是手撸一个组件,但是撸到一半(不要多想,撸代码)发现坑太多,自…
分类:Vue
vue el-table 显示/隐藏列异常-表格数据域高度变小
在我们需要对表格的列做动态的显示/隐藏时,会遇到一个问题,那就是在某一列从隐藏到显示时,整个表格会闪烁,仔细观察会发现是表格的表头高度瞬间变大,然后又缩回去了,这就…
element table组件,使用checkbox控制表头的动态显示与隐藏后,排序恢复到默认状态的情况修复
在页面中,点击设置按钮在右边出现一个抽屉,在里面控制表头的动态显示与隐藏。当前端使用sortable属性给数据排序后,动态显示或隐藏的表头,会造成数据回到默认状态,不再根据设置的状态排序。具体如下图所示: 为了解决这个问…
vue element-ui el-table表格二次封装 自定义el-table表格组件 vue封装表格组件
CommTable.vue table组件 <template> <div> <el-table :data="tableData" border :class="tabClass ? ta…
Vue遍历二维数组
一.遍历效果: 利用vue二维数组,最终实现遍历出一个长宽都是15位的矩阵 二.构建遍历对象: checkerboard对象在data中已经声明了,只是后来在mounted()方法中用代码重构了一次。 <scrip…
element 复合表格 el-table多行合并+表格行内多列勾选
记录工作中出现的各种表格问题,用于之后此类需求能快速使用。 2020.05.15 联调提示 业务需求 对重复行进行合并 每行添加勾选项,建设内容若有一条勾选,则实施阶段对应行进行勾选 效果图如下 表格代码 :span-m…
elementUI日期选择器快速选择(今天,近七天,近一个月,上个月,这个月)
关于(今天,近七天,近一个月,上个月,这个月)快捷选择 最近做了一个基于vue-element-admin开源框架的后台项目,其中有块数据分析的模块,有个日期快捷选择的需求(主要里面竟然有上个月、这个月这种奇葩日期),咱…
pycharm调整字体大小
使用pycharm一般调整字体大小是这样的。点击File->Settings->Editor->Colors&Fonts->Font ,调整你想要的font-size,然后确定。 &nbs…
element-ui中表格快速渲染方法
以前习惯用v-for遍历后去渲染,后来公司的静态页面都是做好的,只需要渲染数据即可,学到了一个快速的方法 1. 将要渲染的表格内容用prop表示出来 2. get到的数据用对象保存 3. 如果要根据后台返回不同的字段,显…
vue 打印(分页打印)
最近项目中碰到一个需求,需要前端预览打印当前页面的内容,但是在打印的时候需要分页打印,想了很多办法,最后解决,在这做一个分享。 首先是打印,网上有很多方法,这里面我用的是一个插件 vue-print-nb –…
vue打印数据,可分页打印
使用的是vue-easy-print 打印插件 可以支持分页打印。 转载https://download.csdn.net/download/qq_36845014/10807027?utm_source=bbsseo …
js将对象中多个数组对象合并成一个数组
需求:后端返回接口是一个对象里面包含n个数组对象,要将这些数组对象都变成一个数组然后再放到列表展示。 大致结构如下: 实现: // res:是返回的多数组对象 // totalArr:要合并生成的新数组 //…