随笔分类 - element

一些element用法

element的el-table组件，在插槽slot=“header“内，数据不更新的问题

摘要：问题在父组件中定义一个属性，如phoneView: false，在element的el-table组件header插槽内，使用这个属性来做一些逻辑处理，如下代码： 1 <div> 2 <el-table ...> 3 <el-table-column ...> 4 <template slot=" 阅读全文

posted @ 2022-12-06 21:26 强者之途阅读(631) 评论(0) 推荐(0) 编辑

element table 固定部分二级表头

摘要：项目用vue+element开发,需求如下: 表格为二级表头,一级表头下有多个二级表头,需要固定部分二级表头列在表格左侧解决思路如下: 1.固定一级表头的列此时问题如下,固定一级表头的列之后,表格第一列会固定但只会显示一定的宽度问题1 2.计算需要固定的二级表头列的宽度(如我需要固定三列,每列阅读全文

posted @ 2022-12-05 20:30 强者之途阅读(1421) 评论(1) 推荐(1) 编辑

element ui的table树节点+checkbox，数据量大时出现卡顿

摘要：el-table 使用lazy和load，懒加载子节点，this.$refs.tree.store.states.lazyTreeNodeMap[el-table中的row.key]能够获取到懒加载出来的数据的checkbox，参考这篇文章https://blog.csdn.net/qq_42383 阅读全文

posted @ 2022-12-03 01:11 强者之途阅读(697) 评论(0) 推荐(0) 编辑

解决element-ui的表格设置固定栏后，边框线消失的bug

摘要：问题：当el-table加了固定右列时，左边的右边框就不见了，会出现这种bug 原因解决方法因为固定列他是一个脱离文档流的元素，所以脱离了文档流就会挡住一些边框通过调试知道当下面的滚动条滑动时, is-scrolling-right中的right会变换，滚动到中间会变成is-scrolling 阅读全文

posted @ 2022-11-19 01:07 强者之途阅读(2459) 评论(1) 推荐(0) 编辑

vue表格与表单提交校验

摘要：form.vue 1  2 3 <template> 4 <div class="spp-user-body spp-theme-body spp-theme-pad"> 5  6 <div class="spp-table-group spp-t 阅读全文

posted @ 2022-09-15 16:55 强者之途阅读(317) 评论(0) 推荐(0) 编辑

element表格(树形结构按钮)

摘要：element表格树形结构加勾选按钮，点击某行数据的勾选框，如果他有children那么子数据的勾选状态会变成当前勾选的状态，如果当行有父数据那么他全部的父数据都要计算下子数据是否都勾选了 index.vue 1 <template> 2 <el-table 3 border 4 :data="Co 阅读全文

posted @ 2022-09-11 16:36 强者之途阅读(629) 评论(0) 推荐(0) 编辑