VUE+ElementUI 实现 el-table树形结构的全部展开和全部收回功能

实现效果

实现

//先是两个功能按钮
<el-button type="primary"  @click="toggleRowExpansion(true)" icon="el-icon-arrow-down" size="mini">全部展开</el-button>
<el-button type="primary"  @click="toggleRowExpansion(false)" icon="el-icon-arrow-up" size="mini">全部收回</el-button>

// 再是一个具体方法的实现
 //切换树形展开
//切换数据表格树形展开
toggleRowExpansion(isExpansion){
    this.toggleRowExpansion_forAll(this.tableData,isExpansion);
},
toggleRowExpansion_forAll(data,isExpansion){
    data.forEach(item=>{
        this.$refs.dataTreeList.toggleRowExpansion(item,isExpansion);
        if(item.children != undefined && item.children != null){
            this.toggleRowExpansion_forAll(item.children,isExpansion);
        }
    })
}