在日常增刪改查工作中,經(jīng)常離不開表單的多個(gè)item嵌套校驗(yàn),在表單提交的時(shí)候每個(gè)都需要進(jìn)行校驗(yàn)梧油。頁面效果如下:
1663053394639.jpg
實(shí)際代碼就不貼圖了查蓉,需要查看的小伙伴可以通過下方鏈接進(jìn)行查看
code(https://codesandbox.io/s/validate-formitem-wn221w?file=/src/components/HelloWorld.vue:1157-1176)
注意點(diǎn):
image.png
1、v-for的數(shù)組字段需要和prop中的字段相同。
2、每一個(gè)item中的rules對應(yīng)字段需要和數(shù)組字段的每一個(gè)key相同