This example shows how to add different validation and feedback to two form fields, as well as dynamically disable the submit button based on the form validity.
This is a verbose example designed to show how BootstrapVue and Vuelidate interact; in larger applications, you'd likely want to abstract some of the functionality, such as creating a standard error message component.
You must configure
fields property or it will conflict with the
:fields property of
<b-table> (and possibly other components) when it injects itself.
import Vue from 'vue'
import VeeValidate from 'vee-validate'
// This is the default
// Important to name this something other than 'fields'
// This is not required but avoids possible naming conflicts