欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue中Rule的使用方式

 更新時(shí)間：2024年02月29日 08:44:49   作者：廣州第22號(hào)吳彥祖  
這篇文章主要介紹了Vue中Rule的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

Rule的使用

日常的rule效驗(yàn)，能幫我們省很多時(shí)間去做if eles判斷

下邊記錄一下我在入職新公司的使用

1.需要效驗(yàn)的字段

要在from-item上家prop屬性 可以和字段同名

2.在data中創(chuàng)建一個(gè)rules對(duì)象

綁定當(dāng)前的from表單，并把效驗(yàn)字段的prop放置進(jìn)去

對(duì)于簡(jiǎn)單效驗(yàn)可以直接，做非空判斷，復(fù)雜的判斷在回調(diào)函數(shù)validator中效驗(yàn)

  baseRules:{
        materialsName: [{required: true, message: "請(qǐng)輸入物料名稱", trigger: "blur"}],
        deliveryScope: [{required: true, message: "請(qǐng)輸入物料名稱", trigger: "blur"}],
        offect: [{required: true, message: "請(qǐng)輸入用途", trigger: "blur"}],
        materialsContent: [{validator: (rule, value, callback) => {
          // rule:當(dāng)前標(biāo)準(zhǔn)
	      //value:當(dāng)前輸入框的值 也常常是用值做判斷
	      // callback:Element傳入的固定回調(diào)函數(shù),校驗(yàn)完成就需要執(zhí)行
	      // 1,如果校驗(yàn)合法直接執(zhí)行,沒(méi)有參數(shù)
	      // 2.如果不合法,創(chuàng)建一個(gè)錯(cuò)誤對(duì)象參數(shù)new Error
            if (!value) {
              callback(new Error('請(qǐng)選擇物料內(nèi)容'))
            } else {
              let result = JSON.parse(value)
                if(result && result.link) {
                  callback()
                }else {
                  callback(new Error('請(qǐng)選擇物料內(nèi)容'))
                }
            }
          }, trigger: "change"}],
      }

3.最后一步

看效驗(yàn)是否成功然后執(zhí)行成功后的操作，否則就return一個(gè)錯(cuò)誤出來(lái)，使事件無(wú)法繼續(xù)執(zhí)行

代碼：

async addDeliveryCodeInfo() {
//效驗(yàn) 
    await  this.$refs['form'].validate()
    //通過(guò)后執(zhí)行,不通過(guò),不執(zhí)行
    console.log('你通過(guò)了')
}

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論