vue 表单校验 属性
required 必填
是否必填: boolean 值
- true : 必填,输入框带有红色星号
- false : 不必填且校验值为空时,跳过该值的校验

type 类型
指定一些定义好的数据进行校验,是全等于的校验
type | |
---|---|
string | 默认就是string类型的 |
number | 数据默认是string,value需要使用transform转化为number类型 |
boolean | 数据boolean类型的 |
integer | 整型 、可以是 负数 0(transform 转化) |
float | 浮点类型,可以负数 不能为0,不能是12.0即小数部分全是零的;(transform转化) |
enum | 枚举类型 |
电子邮箱格式 | |
url | 网址格式 |

pattern 正则

min/max 最大最小值
官网介绍:判断数据大小范围,通常对数字大小范围做校验。对于字符串和数组类型,将根据长度进行比较。
实际测试结果: 只对字符串生效,对数字类型校验会因为数据类型不对而校验失败

len 长度
len特性与最小和最大范围特性相结合,则len优先,len 也是对字符串进行校验的

whitespace 空格

transform 类型转换
校验是全类型的比较, 转换只在比较的时候转换,不会改变原来的值,

messages 提示信息
未通过校验的提示信息,官方说(支持html)测试没效果

trigger 触发校验
触发校验有blur、change
validator 自定义校验规则

自定义data
