Title

第一 引入树组件,需要通过按钮来控制展开/折叠必须要配置 ref 属性和node-key,树数据要和node-key能匹配

<template>
 <el-button @click="foldTree">折叠全部节点</el-button>
  <el-button @click="expandTree">展开全部节点</el-button>
<el-tree ref="treeNode" :data="menuList" :props="defaultProps" :default-expand-all="isExpand" node-key="id"> </el-tree> </template>

第二 定义变量

data(){
    return{
        isExpand: false,  // 默认折叠全部节点 
     
menuList: [],   // 这个识tree的data绑定的数据
    }
}

第三 定义方法

methods:{
    foldTree(){
        this.$nextTick(() => {
        for (var i = 0; i < this.menuList.length; i++) {

          this.$refs.treeNode.store.nodesMap[this.menuList[i].id].expanded = false;
        }
      })
    },
}

 

posted on 2023-05-22 10:40  chccee  阅读(449)  评论(0编辑  收藏  举报