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