vuelidate-improver

Demo

Example

Installation

  npm i --save vuelidate-improver

  yarn add vuelidate-improver

You can import the library and use as a Vue plugin to enable the functionality globally on all components containing validation configuration.

import Vue from 'vue'
import VuelidateImprover from 'vuelidate-improver'
import Vuelidate from 'vuelidate'
Vue.use(VuelidateImprover);
Vue.use(Vuelidate)

Alternatively it is possible to import a mixin directly to components in which it will be used.

import { validationMixin } from 'vuelidate'
import { validationImproverMixin } from 'vuelidate-improver'
 
var Component = Vue.extend({
  mixins: [validationImproverMixin, validationMixin],
  validations: { ... }
})