hjy170314
hjy170314
采纳率0%
2019-03-22 16:18 浏览 17.9k

element-ui tree全部展开和全部收起功能的实现

怎样才能实现点击全部展开,只要有二级菜单的都自动展开 ,点击全部收起的时候所有的二级菜单全部收起,我的后台数据中一级菜单的ID和二级菜单的ID几乎是重复的,我获取了this.$refs.tree.data中的ID,但是我只能打开点前点击过的那一条记录,我该怎么修改.图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

3条回答 默认 最新

  • qq_39795732 qq_39795732 2019-04-30 11:15

    for(var i=0;i<this.$refs.selectTree.store._getAllNodes().length;i++){
    this.$refs.selectTree.store._getAllNodes()[i].expanded = false;
    }

    点赞 2 评论 复制链接分享
  • qq_36120342 Echo flower 2019-10-09 10:32
    <el-tree :data="data"
                       :props="{ label: 'name' }"
                       highlight-current
                       default-expand-all
                       ref="selectTree"
                       :expand-on-click-node="false"
                       node-key="id"></el-tree>
    
    
                     let self = this;
          let treeList = this.data;
          for (let i = 0; i < treeList.length; i++) {
            self.$refs.selectTree.store.nodesMap[treeList[i].id].expanded = true
          }
    
    点赞 2 评论 复制链接分享
  • qq_36022290 zhenyu-s5 2019-03-23 09:42

    default-expand-all 是否默认展开所有节点 boolean — false

        <el-tree
      class="filter-tree"
      :data="data2"
      :props="defaultProps"
      default-expand-all
      :filter-node-method="filterNode"
      ref="tree2">
    </el-tree>
    

    建议多看下API

    点赞 评论 复制链接分享

相关推荐