element -validateField校驗提示

<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; } }); },