- :model="numberValidateForm" ref="numberValidateForm" :rules="rules" label-width="100px" class="demo-ruleForm">
- label="年龄"
- prop="age">
- type="number" v-model="numberValidateForm.age">
根据接口异常提示. 用过 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; } }); },
来源: http://www.bubuko.com/infodetail-2567977.html