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);
    　　}
   });
},