element中打開對話框表單驗證就已經存在的解決辦法


打開對話框表單驗證已存在

原因可能是打開對話框的時候會給表單賦值,賦值的時候為空值,這個時候就觸發了一次校驗,所以打開對話框的時候表單校驗就已經存在了
解決辦法:
在對話框打開或者關閉的時候使用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就可以了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM