在开发过程中,当表单不符合条件的时候,控制台会弹出一片红:
出现这个问题是因为我的代码这样写:
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说明表单验证成功。通过这样写的方式控制台就不会出现红色的提示了。