el-tree做选中一个则选中其他处相同值的结点

    使用 `el-tree` 做业务中遇到返回有不同结点下存在相同子结点(一个家长有多个孩子,在不同班级,此时的班级树)的情况。要求联动选择,一个地方(取消)选中则其他相同结点额地方也(取消)选择(勾选了一年级一班的家长A,此时该家长还存在与二年级一班下,则也需要选中)。但是 `el-tree` 组件中不允许直接设置选中的 `key` 值有重复的情况。
    
    此时,先将 `node-key` 设置为另一个字段, `key` 值用 `value` 值与 `parentId` 组合形成一个新的字段。在遍历的过程中,将每个结点都扁平化保存(父子结点之间不相关联)。后在 `check-change` 中,获取当前点击的结点 `value` 值(非 `key` 值),与扁平化的数组相对比,如果有值匹配则将该结点状态设置为(取消)选中。
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值