在日常增删改查工作中,经常离不开表单的多个item嵌套校验,在表单提交的时候每个都需要进行校验。页面效果如下:
实际代码就不贴图了,需要查看的小伙伴可以通过下方链接进行查看
code(https://codesandbox.io/s/validate-formitem-wn221w?file=/src/components/HelloWorld.vue:1157-1176)
注意点:
1、v-for的数组字段需要和prop中的字段相同。
2、每一个item中的rules对应字段需要和数组字段的每一个key相同