素材巴巴 > 程序开发 >

element-ui table 树形列表 点击其中一行展开折叠子项

程序开发 2023-09-07 22:08:46

element默认的table仅支持点击左侧的箭头展开折叠当前项,如图所示:

在这里插入图片描述

而实际的需求是要点击其中一行展开折叠当前项。
用到了Table Events的row-click事件:当某一行被点击时会触发该事件
和Table Methods的toggleRowExpansion方法:用于可展开表格,切换某一行的展开状态。接受两个参数row, expanded


 expandChange(row,index,e){this.$refs.refTable.toggleRowExpansion(row)}
 

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。