解决element表单控制台提示: Error in v-on handler (Promise/async): "false"

在开发过程中,当表单不符合条件的时候,控制台会弹出一片红:

出现这个问题是因为我的代码这样写:

      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说明表单验证成功。通过这样写的方式控制台就不会出现红色的提示了。