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

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

      async submitForm(formName) {
        await this.$refs[formName].validate();
      },

后来参照官网:element-ui官网
image.png

      async submitForm(formName) {
        await this.$refs[formName].validate((valid) => {
          if (valid) {
            console.log('表单校验通过,可以调取表单提交接口');
          } else {
            console.log('表单需要填写');
            return false;
          }
        });
      },

在表单的validate()方法里面有回调,返回的valid为true说明表单验证成功。通过这样写的方式控制台就不会出现红色的提示了。


我的一个道姑朋友
80 声望4 粉丝

星光不问赶路人,岁月不负有心人。