Vee-validate: Custom component required validation on form submit

[Max64]

Versions:

• VueJs: 2.5.16
• Vee-Validate: 2.0.6

Description:

I have form with validation on form submit, using this.$validator.validateAll()) on root component. I set deffered validations so errors not appear immediately - e.g. using v-validate.disable="'required'" on text input.

My question is, how can I apply this deferred validation behaviour on custom components, where I control required validation rule myself (when component is filled and when not). If I use this.errors.add and this.errors.remove API, errors appear in errors object immediately, and I want them to appear after form submit.

[logaretm]

It should work the same for custom components if it does not then create an example for it in jsfiddle or codesandbox and I would more than happy to investigate it.

[Max64]

I found well working solution to manually attach and detach to validator providing getter for value:

this.$validator.attach(name: this.name, rules: 'required', getter: () => this.getValue() });

Found mentioning about attach with getter in docs but separate example would be very helpful for new users :)