vuelidate - 如何使用内置验证器显示自定义验证消息

Question

我正在使用 vuelidate 库来验证我的表单。我必须将内置验证器与自定义消息一起使用。我在下面尝试过。但不工作。参考：Vuelidate 表单验证库

validations() {
   return {
     email: {
       requiredIf: requiredIf(() => {
         return this.data.enablevalidation;
       }),
       email: helpers.withMessage(this.data.validation_err_message, email),
     },
   };
},

我的问题是，如果验证错误，它仍然会验证电子邮件。根据这两个条件，验证应该通过。如果验证错误，电子邮件验证也应该不起作用。如何实现这个场景

Answer 1

我们必须使用函数式方法的助手来实现这一点。

validations () {
   return {
     email: {
       requiredIf: helpers.withMessage(this.data.validation_err_message, 
          requiredIf(() => {
            return this.data.enablevalidation
       })),
       email: helpers.withMessage(this.data.validation_err_message, email),
     }
   }
},

最初它会验证，无论该字段是否必须验证。如果验证为真，它将显示给定的消息。如果输入错误，电子邮件将被验证。