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" --這個問題可能會導(dǎo)致很多奇怪的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
當(dāng)callbacl返回為new Error 會判斷為校驗不通過
而callbak為空的時候則會判斷為校驗通過
return 返回也不會好用 只有用callback才會好用?。?/p>
這個時候才會進入到validate函數(shù)中正確執(zhí)行
3，
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了elementPuls 表格反選實現(xiàn)示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
vue中的echarts實現(xiàn)寬度自適應(yīng)的解決方案
這篇文章主要介紹了vue中的echarts實現(xiàn)寬度自適應(yīng),本文給大家分享實現(xiàn)方案，代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
詳解element-ui 組件el-autocomplete使用踩坑記錄
最近使用了el-autocomplete組件，本文主要介紹了element-ui 組件el-autocomplete使用踩坑記錄，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了Vue偵測相關(guān)api，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
最近vue項目中遇到了需求,客戶端需要實現(xiàn)以excel表格形式下載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于vue下載excel文件的四種方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06
vuex是專門為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式,下面這篇文章主要給大家介紹了關(guān)于vuex中5個屬性使用方法的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
今天小編就為大家分享一篇關(guān)于vue中輪訓(xùn)器的使用，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
vue2.0使用swiper組件實現(xiàn)輪播的示例代碼
下面小編就為大家分享一篇vue2.0使用swiper組件實現(xiàn)輪播的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
插槽slot可以說在一個Vue項目里面處處都有它的身影，比如我們使用一些UI組件庫的時候，我們通?？梢允褂貌宀蹃碜远x我們的內(nèi)容，這篇文章主要介紹了Vue3中slot插槽使用方式,需要的朋友可以參考下2023-01-01
我們在項目開發(fā)的過程中，經(jīng)常會遇到這種情況：為data中的某一個對象添加一個屬性，我們該如何解決這個問題呢，下面小編給大家?guī)砹薞ue中this.$set的正確使用，感興趣的朋友跟隨小編一起看看吧2022-12-12