Vee-validate: Custom error messages with Validation Provider

[koraykupe]

Hi,

I want to pass an option prop to overwrite default error messages when using ValidationProvider. I checked the documentation and it's advised to set all localization logic in the main bootstrap file and load it once. I couldn't find a way to overwrite them on-the-fly. Can you please help me about that?

Regards.

[logaretm]

You could use the failedRules slot prop to show your own messages:

<ValidationProvider rules="required|email" name="field">
  <div slot-scope="{ errors, failedRules }">
    <input type="text" v-model="value">
    <span v-if="failedRules.required">Come on, this is required!</span>
    <span v-if="failedRules.email">Have you ever seen an email like the one you just entered?</span>
  </div>
</ValidationProvider>