场景:
通过单选radio配合v-if来换切form-model-item,会可能触发rules的校验条件失效,如数据要求是必填项但没有值校验依然通过
解决方法:
每个form-model-item都绑定一个唯一的key值即可
例
// 通过radio来切换
<a-radio-group v-model="type" >
<a-radio :value="1"> 文字1 </a-radio>
<a-radio :value="2"> 文字2 </a-radio>
</a-radio-group>
<a-form-model :model="data" :rules="rules">
// 添加唯一key
<a-form-model-item v-if="type == 1" label="文字内容1" prop="content1" :key="1">
<a-textarea v-model="data.content1" />
</a-form-model-item>
// 添加唯一key
<a-form-model-item v-if="type == 2" label="文字内容2" prop="content2" :key="2">
<a-textarea v-model="data.content2" />
</a-form-model-item>
</a-form-model>