elementui: v2.12.0
主要方法: toggleRowExpansion
方法名 | 说明 | 参数 |
---|---|---|
toggleRowExpansion | 用于可展开表格与树形表格,切换某一行的展开状态,如果使用了第二个参数,则是设置这一行展开与否(expanded 为 true 则展开) | row, expanded |
使用: this.$refs.theTable.toggleRowExpansion(row, true)
需求简说: 树形表格上方提供两个按钮: “展开全部” “收起全部”
逻辑简说: 递归遍历赋给表格的值(tableData),依次展开或收起每一行
forArr(arr, isExpand) {
arr.forEach(i => {
this.$refs.theTable.toggleRowExpansion(i, isExpand)
if (i.children) {
this.forArr(i.children, isExpand)
}
})
},
expandAll() { // 默认展开全部的话,首次加载需要在$nextTick下进行
this.forArr(this.tableData, true)
},
collapseAll() {
this.forArr(this.tableData, false)
}
用了很多方法,折腾了好久,这个是最简单粗暴起效的,所以说,还是要多看api啊…