Vue 树形列表的全部展开 与 全部收起

1.先看table列表中的设置：（看列表中有下划线的那三个即可。另，expanRow 是个数组 记得在data中别忘记了。）

<el-table 
  :data="TableData"
  ref="theTable"
  :default-expand-all="isExpandAll"
  :expand-row-keys="expanRow"
  row-key="id"
  :tree-props="{children: 'children'}"
  @row-click="rowClick"
  max-height="630"
  border
  stripe>

2.看方法：

expandAll() {           // 全部展开
　　 var arr = [];
 　　this.TableData.forEach((val,index) => {
    　　let _v = '' + val.id + '';
   　　 arr.push( _v)
 　　});
  　　this.expanRow = arr;  
},
foldingAccount() {      // 折叠科目
   this.forArr(this.TableData, false);
},
 forArr(arr, isExpand) { // 列表收起
   arr.forEach(i => {
   　　this.$refs.theTable.toggleRowExpansion(i, isExpand);
  　　　　if (i.children) {
    　　　　this.forArr(i.children, isExpand);
    　　}
   });
},