- 根据选择不同的值,下方的显示表单也发生变化,但是原先的验证信息并没有完全清除,如图
- 解决办法
第一种,可以在改变事件中清除验证
// 下拉框的值每次发生改变之后清除验证
changeType(val) {
this.$refs['form'].resetFields();
}
第二种方法,可以给验证的每个表单绑定一个唯一的key值
<FormItem label="用户名" prop="userName" v-if="isShow" key="1236">
<Input type="text" v-model="form.userName" placeholder="请输入用户名" />
</FormItem>