問題描述
最近遇到一個奇怪的問題,在打開修改模態框未做任何修改時,就自動觸發了一次校驗,就自動進行了校驗,提示各個字段不能為空。
解決方法
我找啊找 找啊找 認真看餓了么文檔,發現el-form有一個屬性
2.第二次又遇見這個問題了, 問題是一進頁面就觸發了校驗, 但是我的校驗明明寫的是在保存的時候才觸發校驗,那么問題來了,應該怎么思考這個過程呢!
首先說下我按照上面總結的那個,給el-form添加了屬性,結果不行啊,一點效果都沒有,但是真不知道上次是怎么整的,那沒辦法了,得試着找新的辦法吧,
然后換個新思路如下:
a. 看下 校驗的觸發條件
b. 初始化數據賦值了嗎
果然不出所料, 在賦值的過程中發現和其他的代碼不一樣,原來在賦值的時候加了一個判斷
那么接下來思考為什么加這個判斷呢?首先想想觸發條件,賦值,
rules: {
projectPrefixCode: [{ required: true, message: '請選擇', trigger: 'change' }],
itemFileNum: [{ required: true, message: '請輸入', trigger: 'blur' }]
},
原來是在初始化代碼的過程賦值的時候,也會引發change事件,最主要的是change過程,只要change事件觸發了就會改變。
總結:初始化你給它賦值 觸發了change 但是你傳的值不符合校驗 所以一開始就觸發校驗了 !!!