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 它將驗證，該字段是否必須驗證。 如果驗證為真，它將顯示給定的消息。 如果輸入錯誤，電子郵件將被驗證。