Vue表單預(yù)校驗(yàn) validate方法不生效問(wèn)題
更新時(shí)間：2024年04月22日 10:42:02 作者：it界的哈士奇
這篇文章主要介紹了Vue表單預(yù)校驗(yàn) validate方法不生效問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
Vue表單預(yù)校驗(yàn)validate方法不生效
在學(xué)習(xí)Vue禿頭的路上,再遇一難
為了實(shí)現(xiàn)修改用戶功能，綁定單擊事件函數(shù)
函數(shù)里先實(shí)現(xiàn)表單預(yù)驗(yàn)證功能
期待表單驗(yàn)證正確打印一個(gè)true，錯(cuò)誤打印一個(gè)false
先來(lái)錯(cuò)誤的測(cè)試
好的可能是意外，再來(lái)個(gè)正確的
.。。。好的確認(rèn)是bug了，老規(guī)矩哪里有嫌疑哪里打印輸出
修改方法代碼為
再來(lái)以便錯(cuò)誤測(cè)試
2不見(jiàn)了，再縮小一下范圍，看看是不是我英文打錯(cuò)了（經(jīng)常）
測(cè)試
好的可以結(jié)案了，valid方法沒(méi)有執(zhí)行
半小時(shí)后。。。。。錯(cuò)誤出處
在自定義檢驗(yàn)規(guī)則時(shí)，由于我對(duì)自定義校驗(yàn)規(guī)則未理解透徹
在Element官方文檔中找到了正確用法
修改代碼
測(cè)試
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue中el-table多級(jí)嵌套列表(菜單使用el-switch代替)
本文主要介紹了el-table多級(jí)嵌套列表(菜單使用el-switch代替)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
這篇文章主要介紹了Vue中的MVVM模式使用及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue中el-autocomplete與el-select的異同
本文主要介紹了vue中el-autocomplete與el-select的異同，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
這篇文章主要介紹了vue.config.js文件使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
vue調(diào)用微信JSDK 掃一掃，相冊(cè)等需要注意的事項(xiàng)
這篇文章主要介紹了vue調(diào)用微信JSDK 掃一掃，相冊(cè)等需要注意的事項(xiàng)，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
本文主要介紹了使用pyscript在網(wǎng)頁(yè)中撰寫(xiě)Python程式的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
vue 提供了很多自定義指令，大大方便了我們的開(kāi)發(fā)，其中最常用的也就是 v-model，他可以在組件上使用以實(shí)現(xiàn)雙向綁定。它可以綁定多種數(shù)據(jù)結(jié)構(gòu), 今天總結(jié)一下用法2023-04-04
今天小編就為大家分享一篇vue遍歷對(duì)象中的數(shù)組取值示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-11-11
Vue頁(yè)面加載后和刷新后的樣式差異問(wèn)題的解決方案
在使用?Vue?構(gòu)建的單頁(yè)面應(yīng)用中,頁(yè)面的樣式可能因?yàn)槁酚汕袚Q、組件加載順序或樣式的動(dòng)態(tài)加載導(dǎo)致樣式混亂,尤其是在復(fù)雜的應(yīng)用中,隨著頁(yè)面的切換或者刷新,按鈕、文字、布局等可能表現(xiàn)出不同的樣式,所以本文給大家介紹了Vue頁(yè)面加載后和刷新后的樣式差異問(wèn)題的解決方案2025-01-01
vue3使用reactive包裹數(shù)組正確賦值問(wèn)題
這篇文章主要介紹了vue3使用reactive包裹數(shù)組正確賦值問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03