今天在寫代碼的時候遇到了這么一個問題:使用element-ui的表單,校驗時發現中間代碼不執行
this.$refs[form].validate((valid) => {
if (valid) {
...
})
}else {
this.$message.error('表單填寫錯誤')
}
})
經過查閱資料,發現校驗生效需要兩個條件:
- 表單中的prop必須與model的變量名稱相同
- 定義自定義校驗規則時,做if判斷時,一定要用else返回callback()
if() {
...
}else if {
...
}else {
return callback()
}
特此記載