Bug Type: Component
Environment
- Vue Version:
3.4.21
- Element Plus Version:
2.6.1
- Browser / OS:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
- Build Tool:
Vite
Reproduction
Related Component
el-tree-select
Reproduction Link
Element Plus Playground
Steps to reproduce
<template>
<el-tree-select
v-model="valueStrictly"
:data="data"
multiple
:render-after-expand="false"
show-checkbox
check-on-click-node
style="width: 240px"
/>
</template>
<script setup>
import { ref } from 'vue'
const valueStrictly = ref()
const data = [
{
value: '1',
label: 'Level one 1',
children: [
{
value: '1-1',
label: 'Level two 1-1',
children: [],
},
],
},
{
value: '2',
label: 'Level one 2',
children: [
{
value: '1-1',
label: 'Level two 1-1',
children: [],
},
{
value: '2-2',
label: 'Level two 2-2',
children: [],
},
],
},
{
value: '3',
label: 'Level one 3',
children: [
{
value: '1-1',
label: 'Level two 1-1',
children: [],
},
{
value: '2-2',
label: 'Level two 2-2',
children: [],
},
],
},
]
</script>
What is Expected?
子节点数据全选之后,父节点应该被勾选
What is actually happening?
多个含有相同子节点的父节点下子节点数据被全选之后,部分父节点全选失效
Additional comments
(empty)
6条答案
按热度按时间8hhllhi21#
不明白什么场景有这种数据一样 父级多个的
z5btuh9x2#
举个例子,部门树,每个部门下面有成员,但是有可能一些人在多个部门存在,如果我需要给多个部门的成员发送信息,这个时候就会存在该情况。…
---原始邮件--- 发件人: "zeyong ***@***.***> 发送时间: 2024年3月21日(周四) 中午11:29 收件人: ***@***.***>; 抄送: ***@***.******@***.***>; 主题: Re: [element-plus/element-plus] [Component] [tree-select] tree-select 子节点存在重复数据时复选框勾选有误 (Issue #16196) 不明白什么场景有这种数据一样 父级多个的 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>
6ojccjat3#
通过数据处理吧,先保证子节点的value唯一,选择后再去重
qnzebej04#
那你可以对数据做一个处理,用部门id + 用户id 作为 node-key。 我看了看 antd 也是一样的效果,不会去考虑一些特殊场景。
cxfofazt5#
那你可以对数据做一个处理,用部门id + 用户id 作为 node-key。我看了看 antd 也是一样的效果,不会去考虑一些特殊场景。
好的,请问,懒加载的子节点数据不会放在父节点的children里面吗?我在事件里面监听获取不到子节点信息
muk1a3rh6#
@yinianxinghe 请描述一下具体需求场景。