当show状态从false改变为true以后,不会触发表单中price的验证规则。
处理方法:在el-form-item加上key,key唯一即可
注意:form变量中需提前存在price属性。不能在挂载后添加price属性
<el-form-item
v-if="show"
prop="price"
key="price"
>
<el-input v-model="form.price" />
</el-form-item>
<button @click="show = !show"></button>
export default {
data() {
return {
form: {
price: ''
}
}
},
mounted() {
// 等挂载后再去添加属性是不能实时校验表单的
this.form['price'] = ''
}
}