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