element plus tree 删除目标节点 树保持展开状态

目前的需求是  在tree树上添加了一个节点  我点击到了 这个节点 那么我就可以获取到这个节点的id  也就是唯一标识  需要对应到树上面的node-key的  现在点击到对应节点的树节点  

目前我的树节点默认展开是根据 :default-expanded-keys= terrId来展示的    我们可以通过树的node-click点击来实现获取到点击到某个节点的id

显然这种方式可以实现大多数的需求  不管你是在树上面添加,修改节点可以使用使树默认展开到你默认的节点  ,

但是当你删除当前这个节点的时候  我们重新获取树的数据的时候这个树中就已经没有terrId对应的id值了  所以现在树就会关闭   用户使用体检很差, 

现在我们吧terrId换成一个数组  terrIdList

我们每点击一个树节点的时候我们就吧这个节点的id放到terrIdList这个数组里面  然后在去做筛选  如果这个数组里面没有我们点击这个节点的id 我们就吧这个节点的id放到这个数组里面  如果有我们就删除这个id  就是说  树我们点击一次是展开状态  再次点击就是关闭状态  

使用我们现在就可以实现点击到这个目标节点  然后删除这个节点 我们现在依然可以获取到这个目前节点的父节点  树依然是展开状态    

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值