1,在组件中设置展开收缩开关 default-expand-all="isExpand"
2,展开收起触发按钮
<div class="tree-foot clearfix"> <el-button class="fr" size="mini" plain type="primary" icon="el-icon-caret-top" @click="CloseFun">关闭</el-button> <el-button class="fr" size="mini" plain type="primary" icon="el-icon-caret-bottom" @click="ExpandFun">展开</el-button> </div>
3,这里采用ref来获取DOM。
// 展开收起 ExpandFun(){ console.log(this.$refs.navtree[0].store._getAllNodes().length) // let type = Object.prototype.toString.call(this.$refs.navtree) this.isExpand = true; this.DynamicScaling() } CloseFun(){ this.isExpand = false; this.DynamicScaling() } DynamicScaling(){ for(let j=0; j<this.$refs.navtree.store._getAllNodes().length; j++){ this.$refs.navtree.store._getAllNodes()[j].expanded= this.isExpand; } }