问题描述
element树形控件功能很强大,基本满足开发需求,但是总有那么一两个需求~~~
- 全部展开(默认展开)
这个就简单了,直接 default-expand-all ,注意:这里是默认全部展开
<el-tree
:data="data"
:default-expand-all="defaultExpandAll">
</el-tree>
<script>
export default {
data(){
return:{
defaultExpandAll:true,
data:[]
}
}
}
</script>
- 全部收起
默认展开default-expand-all为true,那么直接收起设置default-expand-all为false?
<el-button @click="defaultExpandAll = true">展开</el-button>
<el-button @click="defaultExpandAll = false">收起</el-button>
经过测试无法通过改变defaultExpandAll的布尔值来改变树控件的展开和收起
- 全部收起
let nodesMap = this.$refs.resourceTree.store.nodesMap;
for (let key in nodesMap) {
// 全部关闭
nodesMap[key].expanded = false;
nodesMap[key].isCurrent = false;
}
- 部分展开
网友评论