Element遇到的坑:el-tree 默认选择几个节点,却全选中了

  测试丢了个bug给我,他在一个树的节点造了一千多个子节点,结果本应该选中几个子节点的,却全选中了子节点。

下面的单位存在一千多个节点,选择了前面的4个子节点,提交后,再次打开。需要默认勾选中的4个节点,通过

default-checked-keys属性设置选中其中的节点,却全选了

 

我的代码是

使用懒加载lazy的方式加载二级节点

解决方式loadNodeRange函数

 

接口请求回来默认选择的节点保存在let checkedRangeKeys = []的数组中,变量提升,

在node变量里改变checked属性为true,二级节点也要这样做,就可以解决了。

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据引用\[1\]的描述,对于element-plusel-tree组件默认第一个节点可以通过设置default-checked-keys属性来实现。你可以将default-checked-keys属性绑定到一个数组,数组的元素是你想要默认节点的key值。例如,你可以将default-checked-keys设置为\[this.arr\[0\].key\]来默认第一个节点。 另外,根据引用\[2\]的代码示例,你可以通过设置props属性来指定el-tree组件的数据结构。在defaultProps对象,你可以设置children属性和label属性来指定子节点和标签的字段名。 综上所述,你可以尝试在el-tree组件设置default-checked-keys属性为\[this.arr\[0\].key\]来默认第一个节点,并使用props属性来指定数据结构。希望这能帮到你。 #### 引用[.reference_title] - *1* [VUE element-ui 组件 el-tree 默认渲染问题](https://blog.csdn.net/qq_44774831/article/details/119698975)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [element-plus el-tree使用](https://blog.csdn.net/m0_53266704/article/details/125557151)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值