在 vant 表单中遇到复选框非空验证失败的问题，即使选择了选项仍然提示未选择。经过排查，发现是由于在 v-for 中使用 `index` 作为 key 导致数据混乱。解决方案是将 key 更改为唯一值，如 `id`，从而解决了验证问题。
项目中使用了vant的表单，提交时有非空验证。单选、输入框都验证成功了，唯独复选框验证失败，选择选项之后还是显示未选择。官网和搜索引擎都找了下并没有找到答案。
因为之前布局问题使用了<van-row>和<van-col>，我试着把<van-field>外的<van-col>去掉，然后就验证通过了。很奇怪，现在不知道什么原因。有遇到过的大佬吗？
07.27更新：
找到原因了。是因为`v-for`里绑定的`key`用了`index`,所以在添加或删除时造成了数据混乱。换成`id`或其它唯一的值就行了。是我大意了！（图中是已经去掉了`<van-col>`，加上也是可以的）
扫一扫
188
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
