vue+element 2.4版本下,rules失效,或動態修改rules無法生效的情況


環境

vue+element 2.4.6

問題

由於剛開始寫vue,在表單驗證上經常遇到一些問題,目前主要會出現以下兩個問題:

1、rules規則明明設定了tigger:'blur',但是卻需要提交時才會校驗,正常情況下應該頁面加載后就會進行一次校驗。

2、rules規則根據某些條件動態修改了,但是部分初始化的條件會正常校驗(失焦的情況),但后續新增的條件會需要手動validate才行。

解決

雖然是研究了一下解決方法,但是也仍然無法確定原因到底是什么。

上述問題在本項目中,校驗的參數都是類似與(bank.name,bank.address)這個,當bank這個字段存在的情況下,頁面加載時給bank賦值,若el-form-item中綁定的參數,在bank中不存在的情況下(underfined),會導致該字段頁面第一次加載后的校驗失效,並且失焦校驗不可用,即便后面有方法給這個字段賦值也不行。

我是在一開始給bank賦值時就加上了對應的字段,這樣rules確實就生效了,但確實還是存在疑惑。


免責聲明!

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



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