問題描述
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)過測(cè)試無法通過改變defaultExpandAll的布爾值來改變樹控件的展開和收起
- 全部收起
let nodesMap = this.$refs.resourceTree.store.nodesMap;
for (let key in nodesMap) {
// 全部關(guān)閉
nodesMap[key].expanded = false;
nodesMap[key].isCurrent = false;
}
- 部分展開