如果form表单绑定的变量具有嵌套结构,且最内层object的key是动态的,则使用如下方式进行校验
<a-form
:model="formData"
>
<a-form-item
:name="['a', `${item}`]"
label="Name"
:rules="[{ required: true }]"
v-for="item in arr"
>
<a-input v-model:value="formData.a[item]" />
</a-form-item>
</a-form>
const formData = {
a:{
name: tom,
... //内部的属性定义在arr中
},
}
const arr = [{ key: name }, { key: age }]