解決element el-form打開模態框時就進行表單驗證的問題


 

 

 

 問題描述
最近遇到一個奇怪的問題,在打開修改模態框未做任何修改時,就自動觸發了一次校驗,就自動進行了校驗,提示各個字段不能為空。

解決方法
我找啊找 找啊找 認真看餓了么文檔,發現el-form有一個屬性
在這里插入圖片描述

 

 

 

2.第二次又遇見這個問題了, 問題是一進頁面就觸發了校驗, 但是我的校驗明明寫的是在保存的時候才觸發校驗,那么問題來了,應該怎么思考這個過程呢!

  首先說下我按照上面總結的那個,給el-form添加了屬性,結果不行啊,一點效果都沒有,但是真不知道上次是怎么整的,那沒辦法了,得試着找新的辦法吧,

  然后換個新思路如下:

  a. 看下 校驗的觸發條件

  b. 初始化數據賦值了嗎

果然不出所料, 在賦值的過程中發現和其他的代碼不一樣,原來在賦值的時候加了一個判斷

 

 

 

 

 

 

 那么接下來思考為什么加這個判斷呢?首先想想觸發條件,賦值,

rules: {
        projectPrefixCode: [{ required: true, message: '請選擇', trigger: 'change' }],
        itemFileNum: [{ required: true, message: '請輸入', trigger: 'blur' }]
      },

原來是在初始化代碼的過程賦值的時候,也會引發change事件,最主要的是change過程,只要change事件觸發了就會改變。

 

 總結:初始化你給它賦值 觸發了change 但是你傳的值不符合校驗 所以一開始就觸發校驗了 !!!

 


免責聲明!

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



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