插件名称 | vee-validate |
---|---|
版本号 | v4.4.8 |
发布时间 | 2020年6月19日 |
插件作者 | logaretm |
vee-validate是Vue.js的轻量级插件,可让您验证输入字段并显示错误。
// for vue 1.x
npm install vee-validate --save
// for vue 2.x
npm install vee-validate@next --save
安装您将在应用程序中使用的规则,我们现在将安装required
规则:
import { extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules';
// 添加所需的规则
extend('required', {
...required,
message: 'This field is required'
});
导入ValidationProvider
组件并注册:
import { ValidationProvider } from 'vee-validate';
// 全局注册
// main.js 或任何入口文件。
Vue.component('ValidationProvider', ValidationProvider);
import { ValidationProvider } from 'vee-validate';
export default {
components: {
ValidationProvider
}
};
所有的JavaScript工作都已完成。接下来,在模板中添加要验证它们的输入:
<ValidationProvider name="email" rules="required|email">
<div slot-scope="{ errors }">
<input v-model="email">
<p>{{ errors[0] }}</p>
</div>
</ValidationProvider>
v4.4.8 (07/21/2021)
v4.4.7 (07/20/2021)
v4.4.6 (07/08/2021)
v4.4.5 (06/14/2021)
v4.4.4 (06/06/2021)
v4.4.3 (06/02/2021)
v4.4.2 (05/29/2021)
v4.4.1(05/24/2021)
v4.4.0(05/24/2021)
v4.3.6(05/09/2021)
modelValue
作为道具传递v4.3.5(05/02/2021)
v4.3.4(04/26/2021)
valid
标志正确更新,而不考虑验证意图v4.3.3(04/22/2021)
<Form />
或 handleSubmit
或 submitForm
功能呈现的表单 ,所有字段将自动被“触摸”v4.3.2(04/21/2021)
v4.3.1(04/18/2021)
v4.3.0(04/08/2021)
v4.2.4(03/25/2021)
useField
即使 validateOnValueChange
设置为 ,验证也会在值更改时触发 false
v4.2.3(03/22/2021)
v4.2.2(03/04/2021)
vue-router
v4.2.1(02/27/2021)
v4.2.0(02/24/2021)
v4.1.20(02/24/2021)
v4.1.19(02/16/2021)
@vee-validate/zod
,该程序包 允许vee-validate使用Zod来执行字段级和表单级架构验证, 以替代yupv4.1.18(02/11/2021)
v4.1.17(02/09/2021)
window.Event
实例v4.1.16(02/08/2021)
v4.1.14(02/06/2021)
v4.1.13(02/06/2021)
v4.1.12(01/27/2021)
v4.1.11(01/19/2021)
validateField
上的公开 函数 ,以前只能用作可组合的辅助函数。<Form />
useForm
v4.1.10(01/17/2021)
v4.1.9(01/13/2021)
yup
自己的类型信息,并增强了泛型useForm
和 object
模式之间的兼容性 v4.1.8(01/13/2021)
<ErrorMessage />
为在没有相关字段的消息时不呈现任何内容v4.1.7(01/12/2021)
SubmissionContext
, SubmissionHandler
v4.1.6(01/10/2021)
onSubmit
在Form
组件上添加了prop, 并添加了 emits
选项以允许模板与Typescript一起正常工作。v4.1.5(01/05/2021)
4.1.4
发行版引起的v-model
未正确设置初始值 的问题 。v4.1.4(20年1月4日)
<Field />
组件创建的无格式复选框 无法切换其关联 v-model
值的问题v4.1.3(20年1月2日)
v4.1.2(2020年12月26日)
v4.1.1(12/19/2020)
v4.0.6(12/15/2020)
v4.0.5(12/12/2020)
v4.0.4(12/09/2020)
v4.0.3(12/05/2020)
v4.0.2(12/05/2020)
v4.0.1(11/25/2020)
blur
和 input
与 change
听众呈现 Field
输入节点v4.0.0(11/16/2020)
v3.4.5(11/11/2020)
v3.4.4(11/08/2020)
v3.4.3(10/22/2020)
v3.4.2(10/21/2020)
v3.4.1(10/11/2020)
v3.4.0(09/21/2020)
v3.3.11(09/11/2020)
v3.3.8(08/01/2020)
v3.3.7(07/01/2020)
v3.3.6(06/27/2020)
v3.3.5(06/20/2020)
v3.3.4(06/17/2020)