博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
element-ui table表格组件实现手风琴效果
阅读量:6259 次
发布时间:2019-06-22

本文共 325 字,大约阅读时间需要 1 分钟。

一、前言 百度上到的实现多多少少有点瑕疵,要么只能实现默认展开,要么不能实现,要 么总会有一行是展开状态,所以自己想办法解决了这个问题。 二、代码 首先,核心代码

三、解释 expand-change事件会监听table expand行发生变化时触发,无论展开还是关闭,这就很烦,他会返回2个默认参数,一个是当前行,二个是当前展开的行的集合数组,所以这里我用第二个参数的长度是否大于1来识别是否有多个展开,如果是,则过滤关闭其他行,这里使用table的自带方法toggleRowExpansion,第二个参数传入false,则关闭第一个参数当前行

转载于:https://juejin.im/post/5c4675136fb9a049c965ff30

你可能感兴趣的文章
cncert网络安全周报35期 境内被植入后门的政府网站112个 环比上涨24.4%
查看>>
物联网到底是不是泡沫,且看英特尔交出的答案
查看>>
IPv6太落后了:中国加速服务器援建
查看>>
安防大数据应用国家工程实验室在乌鲁木齐成立
查看>>
物理引擎中velocity的单位是个什么鬼?
查看>>
[译] 全新 Android 注入器 : Dagger 2 (二)
查看>>
为什么要评审代码?
查看>>
小程序开发前的准备工作之【深入封装Component】
查看>>
AFN3.0源码解析
查看>>
oracle的drop命令
查看>>
设计与梳理企业二级流程的路线方法
查看>>
Python正则表达式指南
查看>>
使用css3制作渐变分割线
查看>>
垃圾回收概念与算法
查看>>
IconFont 图标svg
查看>>
TFS实现需求工作项自动级联保存
查看>>
springmvc 4.x 处理json 数据时中文乱码
查看>>
nginx 重启命令
查看>>
一花一世界 一叶一菩提
查看>>
Python练习(day7)
查看>>