一、安装

npm install vue-verify-plugin -S复制代码

二、初始 demo

          复制代码

指令说明

v-verify

在表单控件元素上创建数据的验证规则，他会自动匹配要验证的值以及验证的规则。

v-verify 修饰符说明

该指令最后一个修饰符为自定义分组//自定义teacher分组

//自定义teacher分组    v-verify.teacher    //自定义student分组    v-verify.student    //验证时可分开进行验证      //验证student 分组    this.$verify.check("student")    //验证teacher 分组    this.$verify.check("teacher")    //验证所有    this.$verify.check();复制代码

v-verify指令也可使用 arg参数进行验证分组

如果同时使用修饰符和arg分组 则arg会覆盖修饰符分组

v-verify:student    //验证student 分组    this.$verify.check("student")复制代码

v-remind 和 v-verified 验证错误提示

不得不吐槽一下，v-remind在自定义规则（或者说要验证长度的规则死报错有木有）

默认验证规则

• email 邮箱规则验证

• mobile 手机号码验证

• required 必填

• url 链接规则验证

• maxLength 最多maxLength个字符串(可自定义message)

• minLength 最少minLength个字符串(可自定义)