element -validateField校验提示

Posted 2020-10-31 SeaJson

<el-form :model="numberValidateForm" ref="numberValidateForm" :rules="rules"  label-width="100px" class="demo-ruleForm">
  <el-form-item
      label="年龄"
      prop="age">
    <el-input type="number" v-model="numberValidateForm.age"></el-input>
  </el-form-item>

 

根据接口异常提示。用过  validateField

    data() {
    var ageValidate = (rule, value, callback) => {
      if (this.smsMsg) {
        callback(new Error(this.smsMsg));
      }else{
        callback();
      }
    };
    ....

 rules:{
        age:[
          {required: true, message: "年龄不能为空", trigger: ‘blur‘},
          {validator: ageValidate}
        ]
      }

 

提交请求信息，返回错误

submitForm(formName) {
      var _this = this;
      _this.$refs[formName].validate((valid) => {
        if (valid) {
          setTimeout(function(){ // 模拟请求
            _this.smsMsg = ‘年龄有误‘;
            if(_this.smsMsg){ // 服务有返回错误
              _this.$refs[formName].validateField("age");

              _this.smsMsg = ‘‘;

}else{ alert("submit") } },1000); } else { console.log(‘error submit!!‘); return false; } }); },