el-tree树形组件 一次性折叠所有子节点

场景:
在dialog中有一个树形数据可以点击选择,展开找到自己想选择的项后通常我们不会再关闭树形选择,导致下一次打开的时候树形组件还是复用了,所以并不会重置,这时候可以在点击取消的时候把所有的节点关闭。

思路:

可以遍历treeRef.store.root.childNodes把全部节点的expanded设置为false,再通过default- expanded-keys设置需要展开的节点

 function setExpandedToFalse(arr) {
        arr.forEach((item) => {
          if (Array.isArray(item)) {
            setExpandedToFalse(item);
          } else {
            item.expanded = false;
          }
        });
      }
   setExpandedToFalse(this.$refs.labelTree.store.root.childNodes);

搞定!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值