1. 简单校验:
- 1.1 在
script
中给出校验规则对象,主要属性名与form对象的属性名一致 - 1.2 一个字段的校验规则可以有多个,值是一个数组,数组中的一个对象就是一条校验规则
- 1.3 主要校验规则:
1.3.1required
:是否必填
1.3.2message
:不符合此规则时的提示信息
1.3.3trigger
:触发此条规则校验的时机,有两个值,blur
或change
,默认就是blur
和change
都会进行校验
1.3.4min
:此字段的最小长度
1.3.5max
:此字段的最大长度
1.3.6pattern
:正则表达式
例:
const rules = reactive({
username: [
{
required: true, message: '用户名不能为空', trigger: 'blur'}