使用 `el-tree` 做业务中遇到返回有不同结点下存在相同子结点(一个家长有多个孩子,在不同班级,此时的班级树)的情况。要求联动选择,一个地方(取消)选中则其他相同结点额地方也(取消)选择(勾选了一年级一班的家长A,此时该家长还存在与二年级一班下,则也需要选中)。但是 `el-tree` 组件中不允许直接设置选中的 `key` 值有重复的情况。
此时,先将 `node-key` 设置为另一个字段, `key` 值用 `value` 值与 `parentId` 组合形成一个新的字段。在遍历的过程中,将每个结点都扁平化保存(父子结点之间不相关联)。后在 `check-change` 中,获取当前点击的结点 `value` 值(非 `key` 值),与扁平化的数组相对比,如果有值匹配则将该结点状态设置为(取消)选中。
el-tree做选中一个则选中其他处相同值的结点
最新推荐文章于 2024-08-07 23:16:55 发布