在开发过程中,当表单不符合条件的时候,控制台会弹出一片红:
呈现这个问题是因为我的代码这样写:
async submitForm(formName) {await this.$refs[formName].validate();},
起初参照官网:element-ui 官网
async submitForm(formName) {await this.$refs[formName].validate((valid) => {if (valid) {console.log('表单校验通过,能够调取表单提交接口');
} else {console.log('表单须要填写');
return false;
}
});
},
在表单的 validate() 办法外面有回调,返回的 valid 为 true 阐明表单验证胜利。通过这样写的形式控制台就不会呈现红色的提醒了。