checkbox 不能默认选中

[lixiaofa]

重现链接

https://codesandbox.io/s/vant-3-issue-template-forked-o54p4e?file=/src/App.vue

Vant 版本

3.24

描述一下你遇到的问题。

默认值无法选中

重现步骤

默认值无法选中

设备/浏览器

No response

[wjw-gavin]

checked值为引用类型数组时，需要绑定值来自数据源本身，checked来自list

[lixiaofa]

@wjw-gavin 好的，谢谢， 如果有二级的话 ， checked值也是要需要绑定值来自数据源本身吗

我应该怎么办？

[wjw-gavin]

其实当你要绑定默认值时，应该是从数据源中去匹配对应的勾选项，而不是重新定义一个“看上去”跟他一样的数据。看上去一样，就好比

[lixiaofa]

@wjw-gavin 不， 我的意思 是，

[wjw-gavin]

如果你的子项也使用CheckboxGroup的话，CheckboxGroup有个change事件，你在每次勾选或者取消勾选时都会触发change事件，你可以判断change回调参数中的数据length和你当前项的所有子项length是否一样，如果一样就代表全选了，然后你取到当前项并通过设置checked值来回显当前是否被选中。

[lixiaofa]

@wjw-gavin 我已经试过了， 谢谢。 都用的是CheckboxGroup ， 如果子项我只选了一个， 你的checked 数据结构是什么 ，

checked 和list(原始数据)是绑定的， 明显有bug ， 个人觉得， checked 不能用全等 ， 只要属性相同就可以了, 而且日常开发中，checked 对象数组的 场景比较多 ，

大佬，有购物车的三级选中 ， 用vant checkbox 的实现的案例吗， 我看看大佬是怎么写的， 或者好的文章 ， 谢谢

[lixiaofa]

@wjw-gavin 大佬你能写一个购物车的三级选中吗， 用vant checkbox ， 让我学习学习

[lixiaofa]

@wjw-gavin 大佬 购物车三级选中功能建议怎么去实现， 绑定对象，还是id 属性

[wjw-gavin]

1、你的购物车是三级的？
2、建议绑定id;

我根据你提供的数据，写了一个二级的购物车
https://codesandbox.io/s/vant-3-issue-template-forked-hnns3y?file=/src/App.vue
三级的你可以参考自己写一下😂

[lixiaofa]

好的， 谢谢大佬

[chenjiahan]

I will convert issue to a discussion because is is not a bug or feature.