vue validation使用

安装

npm install vuelidate --save
import Vue from ‘vue’
import Vuelidate from ‘vuelidate’
Vue.use(Vuelidate)

Demo

引入验证规则
import {required, minLength, between} from 'vuelidate/lib/validators'
data() {
      return {
            title: "内部转账",
            location: '/interiorTransfer',
            menu: true,
            user: {},
            //转换类型
            config: {},
            type: '',
            money: '',
        }
        }, validations: {
            money: {
                required,
                minLength: minLength(4)
            },
        },

数据绑定

• <input type="text" v-model.tream="$v.money.$model"/>

验证

表单验证

• this.$v.$touch() 调用验证方法
• this.$v.$invalid 判断是否通过，通过验证返回false