問(wèn)題描述

element樹形控件功能很強(qiáng)大，基本滿足開發(fā)需求，但是總有那么一兩個(gè)需求~~~

• 全部展開(默認(rèn)展開)
  這個(gè)就簡(jiǎn)單了，直接 default-expand-all ,注意：這里是默認(rèn)全部展開

<el-tree
  :data="data"
  :default-expand-all="defaultExpandAll">
</el-tree>

<script>
  export default {
    data(){
      return:{
        defaultExpandAll:true，
        data:[] 
      }
    }
  }
</script>

• 全部收起
  默認(rèn)展開default-expand-all為true，那么直接收起設(shè)置default-expand-all為false？

<el-button @click="defaultExpandAll = true">展開</el-button>
<el-button @click="defaultExpandAll = false">收起</el-button>

經(jīng)過(guò)測(cè)試無(wú)法通過(guò)改變defaultExpandAll的布爾值來(lái)改變樹控件的展開和收起

• 全部收起

let nodesMap = this.$refs.resourceTree.store.nodesMap;
for (let key in nodesMap) {
   // 全部關(guān)閉
      nodesMap[key].expanded = false;
      nodesMap[key].isCurrent = false;
}

• 部分展開