在开发过程中,当表单不符合条件的时候,控制台会弹出一片红:
出现这个问题是因为我的代码这样写:
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说明表单验证成功。通过这样写的方式控制台就不会出现红色的提示了。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。