Q:elementUI中tree组件动态展开

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;
      }
  }
posted @ 2019-09-16 10:20  qinhuansky  阅读(2400)  评论(1编辑  收藏  举报