zoukankan      html  css  js  c++  java
  • 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;
          }
      }
    本想把日子过成诗,时而简单,时而精致,不料日子却过成了一首歌,时而不靠谱,时而不着调
  • 相关阅读:
    学习进度条
    阅读计划
    程序:随机生成30道四则运算题
    自我介绍
    构建之法阅读笔记05
    学习进度条 第十一周
    构建之法阅读笔记04
    学习进度条 第十周
    构建之法阅读笔记03
    学习进度条 第九周
  • 原文地址:https://www.cnblogs.com/chuanq/p/11525938.html
Copyright © 2011-2022 走看看