H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【element-ui】el-select添加表单校验,不执行。问题出在哪里?

 <el-form-item prop="test2">
          <el-select v-model="form.discountId" :disabled="!(form.discount === 3)">
            <el-option v-for="item in discountschema"
                       :key="item.id"
                       :label="item.name"
                       :value="item.id"
                       ></el-option>
          </el-select>
          </el-form-item>
 const validateTest = (rule,value,callback) => {
        
        if (!(this.discount === 3)) {
          callback();
        }
        else {
          console.log("dsafsaf");
          this.discountschema.map(item =>{
            if (!item.discountId){
              callback(new Error("fasdfadf"));
            }
          });
        }
      };
 test2: [
            {validator: validateTest, required: true, trigger: 'blur'}
          ],

给一个select写了一个校验 如果这个select没有选中值得话 需要提示 但是校验不执行 不知道哪里的问题

回答:

v-model与prop的值绑定不一致

回答:

代码贴全点,你确定加力 rules

回答:

prop 和v-model 没有保持一致

clipboard.png

本文地址:H5W3 » 【element-ui】el-select添加表单校验,不执行。问题出在哪里?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址