第一 引入树组件,需要通过按钮来控制展开/折叠必须要配置 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;
}
})
},
}