解决方案1:
绑定model时绑定的值必须是一个Object;
循环部分需要在model中定义一个Array object;
绑定el-form-item 动态绑定prop和对应的rules
:prop="`activeList.${index}.name`" :rules="rules.name"
注:prop/roules/v-model 绑定的值需要保持一致。
解决方案2: 使用组件将循环部分构件成组件的形式,在组件内部进行验证。
原因分析:循环时循环的是组件本身,但验证的时候是在组件内部,从而避免了循环验证表单的问题。