Example showing vue-form usage with custom components
Component with validation attributes set on the component element
Success!
Field is required
Pattern does not match, format example: 123-123
Component where validation attributes are props, along with v-bind
Success!
Minimum allowed characters for this field is {{formstate.bbb.$attrs.minlength}}
Maximum allowed characters for this field is {{formstate.bbb.$attrs.maxlength}}
Field is required
Component where validation attributes are emitted within the component using the vf:validate event
Success!
Number is too large
Number is too small
Field is required
{{formstate}}