打開對話框表單驗證已存在
原因可能是打開對話框的時候會給表單賦值,賦值的時候為空值,這個時候就觸發了一次校驗,所以打開對話框的時候表單校驗就已經存在了
解決辦法:
在對話框打開或者關閉的時候使用clearValidate方法移除表單的校驗
clearcheck(formName){
if(this.$refs[formName]){
this.$refs[formName].clearValidate()
}
},
這種方法是等數據渲染完的時候清除校驗信息
第二種方法是使用element表單中的validate-on-rule-change來判斷 這個是 是否在 rules 屬性改變后立即觸發一次驗證 值為布爾值
使用方法:
<el-form ref="addForm" :model="addForm" label-width="120px" :rules="rules" :validate-on-rule-change="false">
加上false就可以了