设置input必填项时，写法如下：
<a-form-model :model="form" :rules="rules">
<a-form-model-item label="Instant delivery" prop="desc">
<a-input v-model="form.desc" />
</a-form-model-item>
</a-form-model>
export default {
data() {
return {
rules: {
desc: [{ required: true, message: '请输入', trigger: 'blur' }]
}
}
}
}
通过 rules 属性传入约定的验证规则，并将 v-model中的变量值 设置为 prop 属性需校验的字段名即可
当v-model中的变量过长时，写法如下：
<a-form-model :model="form" :rules="rules">
<a-form-model-item label="计划进箱" :prop="'entrancePlanList.' + planIndex + '.planContainerCount'" :rules="[{ required: true, message: '请输入计划进场箱数', trigger: 'blur' }]">
<a-input-number v-model.trim="form.entrancePlanList[planIndex].planContainerCount" :min="1" :precision="0" style="width:100%;"/>
</a-form-model-item>
</a-form-model>
注意：rules为验证规则，prop设置必填属性
prop写的内容要与v-model中的变量值一致： :prop="'entrancePlanList.' + planIndex + '.planContainerCount'"v-model的值：v-model.trim="form.entrancePlanList[planIndex].planContainerCount"
