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),
     }
   }
},

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