table-tree
`l l l s j 。
`l l l s j 。
展开
-
vue实现 可展开 且 可多选table 组件封装
基于 网上代码进行优化, 实现 实际开发功能效果如图:在父组件可以拿到 当前点击所有行数组:就可以愉快的 把 id 传给后端了!创建 TreeTable 组件:<template> <el-table ref="multipleTable" :data="formatData" :row-style="showRow" v-bind="$attrs" > <!-- @header-click="chooseall"原创 2020-11-23 22:36:48 · 973 阅读 · 0 评论 -
elementui table-tree 1层不可选中 2层添加css样式
想实现功能: 点击 一层 懒加载 二层table,一层不可点击, 点击二层 添加 border样式很容易想到用 elementui 自带的highlight-current-row, 会发现 如下图问题.一层 二层 都会带有 css 样式,是不行的.<el-table row-key="expandId" ref="devTable" ...原创 2019-12-17 15:20:46 · 913 阅读 · 0 评论 -
table-tree 过滤,搜索1级跟二级信息显示
<script> let val = '哈哈1'; let data = [ { name: '你好', description: '描述', id: '1', type: 'type', children: [ ...原创 2019-06-10 22:03:05 · 796 阅读 · 0 评论 -
elementUI 在Table中使用Popover弹出删除确认框
Popover组件在table中使用,跟官网的会有些差别,用官方的会出现点击删除 不弹出问题.搜了好久,找到这两种解决方案pClose()方法关闭Popover方法1: <el-popover placement="top" title="确定删除?" width=...转载 2019-06-28 17:10:52 · 9999 阅读 · 7 评论 -
elementUI,localstorage缓存table高亮行
之前localstorage 缓存,明明存进去了,打印出来都没有问题,但是高亮行就是记不住选中状态.摸爬滚打之后得到解决方案在mounted()生命周期中,拿到的hasStorage跟 循环数组拿到的数据 打印出来完全一样,但是 并不好用,可能是dom渲染问题?解决方案:把table data数组遍历, 然后用hasStorage的值去跟item 比.一样的话,传 data[i]!!! ...原创 2019-07-03 14:52:33 · 613 阅读 · 0 评论 -
elementui table-tree 数据格式转化 如果main_if id相同,把sub_if_number 添加到 子节点下
json格式如下:{ "devices": [ { "id": 1, "name": "device1", "interfaces": [ { "main_if_id": 99, "main...原创 2019-06-28 17:18:32 · 217 阅读 · 0 评论