一个基于 vue2 异步的表单验证组件

2,899 阅读2分钟
原文链接: github.com

leo-vue-validator

一个异步的表单验证组件

demo在线链接

demo下载地址

例子





options

Property Type Default Description
forms Array [] 表单验证数据选项
form.key String '' key(必须唯一)
form.value String '' value
form.rules Array or Object '' rules
form.state String '' 0: 没有验证过, 1: 通过, 2: 不通过, 3: 验证中
form.msg String '' 提示信息
form.tip String '' 替代默认规则的提示信息
form.deep Boolean '' 深度watch
tag String 'span' leo-validator tag
className String or Object leo-validator class
style Object leo-validator style

Method

在$refs上调用(具体看例子) 添加可以直接在forms数组上添加(要按vue的数组方法)! 删除只能调用removeField接口!

Name Description
initForm 初始化(必须首次验证前调用 才能开始验证)
resetFields 重置
validate 验证(是个Promise,具体可以看例子)
removeField 删除(删除item 可以传入数组)
getFormData 取得FormData

License

MIT Licensed. Copyright (c) leoHuiyi 2016.