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

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

3个回答

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

<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
      }

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

hjy170314
hjy170314 这个我当然懂啦,哪怎么收回去呢,点击收起按钮,全部二级菜单收起来,这个问题我解决不了,你会么?给我看看代码
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐