国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

element-ui表單校驗(yàn)不能同步結(jié)果的問題

這篇具有很好參考價(jià)值的文章主要介紹了element-ui表單校驗(yàn)不能同步結(jié)果的問題。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

多個(gè)表單遍歷時(shí),要依次獲取各個(gè)結(jié)果,但是往往拿不到最終結(jié)果
let flag=true
this.$refs[‘form’].validate(valid=>{
flag=valid
})
console.log(valid)//永遠(yuǎn)是true

原因分析:

提示:這里填寫問題的分析:
element 表單同步驗(yàn)證返回驗(yàn)證結(jié)果,javascript,前端,vue.js,elementui
element文檔里描述了,validate方法參數(shù)為一個(gè)回調(diào)函數(shù),如果不傳則返回一個(gè)promise


解決方案:

我們可以在validate的回調(diào)參數(shù)里放入想執(zhí)行的方法,也可以不傳入回調(diào)參數(shù),利用try catch 和async await 讓表單校驗(yàn)結(jié)果變?yōu)橥?br> let p=this.$refs[‘form’].validate()
try{
await p
}catch(error){
//此處的error為表單校驗(yàn)失敗的字段

}
這樣就可以同步進(jìn)行了文章來源地址http://www.zghlxwxcb.cn/news/detail-521759.html

到了這里,關(guān)于element-ui表單校驗(yàn)不能同步結(jié)果的問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • element-ui form表單,select多選時(shí),初始自動(dòng)校驗(yàn)問題解決

    element-ui form表單,select多選時(shí),初始自動(dòng)校驗(yàn)問題解決

    使用 el-select 多選框配置表單校驗(yàn)時(shí), 如果綁定值為空字符串,表單中的多選下拉框會(huì)自動(dòng)執(zhí)行校驗(yàn)并提示紅色文字提示,體驗(yàn)非常不好; 原因:form表單-value1默認(rèn)為空字符串 改為空數(shù)組即可解決

    2024年02月13日
    瀏覽(30)
  • 關(guān)于Element-UI el-select多選表單校驗(yàn)問題

    ???在使用 el-select 多選下拉菜單配置表單校驗(yàn)時(shí), 如果form表單綁定的form對象對應(yīng)屬性值為空字符串或者null(其他未嘗試),表單中的多選下拉框會(huì)立刻執(zhí)行校驗(yàn)并彈出校驗(yàn)信息,代碼如下: 正確方式如下: 將多選下拉框?qū)?yīng)的屬性值默認(rèn)值設(shè)置未空數(shù)組即可

    2024年02月11日
    瀏覽(31)
  • 解決Vue+Element-UI 進(jìn)行From表單校驗(yàn)時(shí)出現(xiàn)了英文提示問題

    解決Vue+Element-UI 進(jìn)行From表單校驗(yàn)時(shí)出現(xiàn)了英文提示問題

    說明:該篇博客是博主一字一碼編寫的,實(shí)屬不易,請尊重原創(chuàng),謝謝大家! 在使用 form 表單時(shí),往往會(huì)對表單字段進(jìn)行校驗(yàn),字段為必填項(xiàng)時(shí)會(huì)添加 required 屬性,此時(shí)自定義 rules 規(guī)則時(shí)就會(huì)需要表單輸入框輸入數(shù)據(jù)刪除為空時(shí),出現(xiàn)英文校驗(yàn)提示信息 代碼如下: 將requ

    2024年02月14日
    瀏覽(22)
  • element-ui 表單校驗(yàn)?大全

    element-ui 官網(wǎng) element-ui 表單校驗(yàn)的規(guī)則如下:

    2024年02月08日
    瀏覽(30)
  • element-ui表單自定義校驗(yàn)

    element-ui表單自定義校驗(yàn)

    1.問題描述 項(xiàng)目開發(fā)過程中,遇到表單校驗(yàn),這次的校驗(yàn)規(guī)則比較嚴(yán),element-ui表單自帶的校驗(yàn)完全解決不了問題。 2.解決方法 使用elementui表單校驗(yàn)中的自定義校驗(yàn),validUsername是自定義的校驗(yàn)方法名稱 2.1 定義表單校驗(yàn): 2.2 自定義校驗(yàn)方法: 注意:方法中一定義要返回call

    2024年02月11日
    瀏覽(32)
  • element-ui的表單正則校驗(yàn)

    element-ui的表單正則校驗(yàn)

    ??????????竹憐新雨后,山愛夕陽時(shí), 綿綿細(xì)雨, 也許會(huì)讓嘈雜的窗外煥然一新吧! 基本步驟-共三步 定義驗(yàn)證規(guī)則。data()中按格式定義規(guī)則 在模板上做屬性配置來應(yīng)用規(guī)則(三個(gè)配置) 給表單設(shè)置 rules 屬性傳入驗(yàn)證規(guī)則 給表單設(shè)置model屬性傳入表單數(shù)據(jù) 給表單項(xiàng)(

    2023年04月12日
    瀏覽(26)
  • element-ui 表單校驗(yàn) rules 配置

    指示type要使用的驗(yàn)證器??勺R(shí)別的類型值為: string :類型必須為 string 。 type ?默認(rèn)是? string。 number :類型必須為 number 。 boolean :類型必須為 boolean。 integer :類型必須為? number ?且為整數(shù)。 float :類型必須為? number ?且為浮點(diǎn)數(shù)。 array :類型必須為數(shù)組。 enum :值必須

    2024年02月04日
    瀏覽(29)
  • Vue Element-ui表單校驗(yàn)規(guī)則

    ??Element-ui表單校驗(yàn)規(guī)則,使得錯(cuò)誤提示可以直接在form-item下面顯示,無需彈出框,因此還是很好用的。 ??我在做了登錄頁面的表單校驗(yàn)后,一度以為我已經(jīng)很了解表單的校驗(yàn)規(guī)則。但我在深入使用表單校驗(yàn)規(guī)則時(shí),遇到下列問題: 如何判斷屬性值是否在某個(gè)范圍內(nèi),且

    2024年02月03日
    瀏覽(30)
  • element-ui的form表單校驗(yàn)

    form表單校驗(yàn)基本三步: 1、定義驗(yàn)證規(guī)則 在data中定義表單校驗(yàn)規(guī)則,一個(gè)表單項(xiàng)可定義多條規(guī)則,表單項(xiàng)規(guī)則用數(shù)組,規(guī)則為對象,required為必須填寫,message為校驗(yàn)提示信息,trigger為校驗(yàn)時(shí)機(jī),可選blur和change,分別為失去焦點(diǎn)和數(shù)據(jù)變化;min/max為最小與最大字符個(gè)數(shù),v

    2024年02月11日
    瀏覽(27)
  • element-ui表單動(dòng)態(tài)添加必填校驗(yàn)

    element-ui表單動(dòng)態(tài)添加必填校驗(yàn)

    業(yè)務(wù)場景:根據(jù)form表單中的某些下拉框選中值,動(dòng)態(tài)切換一些屬性的必填校驗(yàn)。 效果圖: 當(dāng)活動(dòng)區(qū)域非必填時(shí),活動(dòng)名稱取消必填校驗(yàn),否則活動(dòng)名稱必填。

    2024年02月11日
    瀏覽(37)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包