element validate驗證函數(shù)不執(zhí)行的原因分析
更新時間：2024年04月22日 10:47:24 作者：孫可愛.
這篇文章主要介紹了element validate驗證函數(shù)不執(zhí)行的原因分析,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
element validate驗證函數(shù)不執(zhí)行的原因
注意避坑 可能原因
1.el-form 并不是v-model="form" 而是 :model="form" --這個問題可能會導致很多奇怪的bug
2.自定義的validator驗證方式需要調(diào)用callback。
驗證失敗callabck(new Errno('')). 驗證成功 callback()
3.checkbox radio無法校驗 注意使用的tigger是change而不是blur
1.使用:model
2.自定義的validator驗證方式需要調(diào)用callback：
注意：
vaildator自定義規(guī)則this.bankCardRules 需要有callback 所有自定義規(guī)則都需要callback否則無法被validate捕捉 return 也不會好用 只有用callback才會好用！
自定義規(guī)則的第三個入?yún)⒕褪莄allback
當callbacl返回為new Error 會判斷為校驗不通過
而callbak為空的時候則會判斷為校驗通過
return 返回也不會好用 只有用callback才會好用?。?/p>
這個時候才會進入到validate函數(shù)中正確執(zhí)行
3，
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue組件通信$attrs、$listeners實現(xiàn)原理解析
這篇文章主要介紹了Vue組件通信$attrs、$listeners實現(xiàn)原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
這篇文章主要介紹了如何手動銷毀Vue中掛載的組件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue倉庫的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
在最近一個項目的后臺管理系統(tǒng)中，寫前端界面時用到了ElementUI，但是發(fā)現(xiàn)導入數(shù)據(jù)表格之后表頭的高度一直很高，那么如何解決，本文就來詳細的介紹一下2021-09-09
這篇文章主要介紹了VUE動態(tài)生成word的實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
安裝vue無法運行、此系統(tǒng)無法運行腳本問題及解決
這篇文章主要介紹了安裝vue無法運行、此系統(tǒng)無法運行腳本問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
關于element-ui中el-form自定義驗證(調(diào)用后端接口)
這篇文章主要介紹了關于element-ui中el-form自定義驗證(調(diào)用后端接口)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要為大家分享了一個非常實用的vue導航鉤子，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要給大家介紹了關于Vue組件傳參11種方式的相關資料,文中通過代碼示例介紹的非常詳細,對大家學習或者使用vue具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
通過GASP讓vue實現(xiàn)動態(tài)效果實例代碼詳解
GASP是一個JavaScript動畫庫，它支持快速開發(fā)高性能的 Web 動畫。GASP 使我們能夠輕松輕松快速的將動畫串在一起，來創(chuàng)造一個高內(nèi)聚的流暢動畫序列。這篇文章主要介紹了通過GASP讓vue實現(xiàn)動態(tài)效果,需要的朋友可以參考下2019-11-11