在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ vue 這種結(jié)構(gòu)情況下如何添加兩種不同的校驗(yàn)方式

vue 這種結(jié)構(gòu)情況下如何添加兩種不同的校驗(yàn)方式

 <el-form-item label="券名稱(chēng)：" class="coupon-short" prop="cpName" :inline-message="true" ref="cpName">
        <el-input v-if="form.cpType !== 2" placeholder="請(qǐng)?zhí)顚?xiě)優(yōu)惠券名稱(chēng)" v-model="form.cpName" :maxlength="20"></el-input>
        <template v-else>
          <span>{{form.cpName}}</span>
          <el-button type="text" @click="openChooseGood('chooseGood', form.checkedGood)">請(qǐng)選擇</el-button>
        </template>
      </el-form-item>

prop="cpName" 這個(gè)校驗(yàn)可以校驗(yàn)非法字符

現(xiàn)在希望實(shí)現(xiàn) v-else的情況下 不校驗(yàn)這個(gè)非法字符

請(qǐng)問(wèn)如何實(shí)現(xiàn)

回答
編輯回答
愛(ài)是癌

使用自定義校檢規(guī)則

data () {
    let check = (rule, value, callback) => {
        if (this.form.cpType !== 2) {
            ......cpName相關(guān)代碼
            if (value === '' || ....) {
                callback(new Error('不符合規(guī)格'))
            } else {
                callback()
            }
        }
        callback()
    }
    return： {
        rule: {
            cpName: [
                {validator: check , trigger: 'blur'}
            ]
        }
    }
}
2017年6月15日 14:40