veevalidate基本使用
开始
基础示例
字段级别数据验证
函数方式进行数据验证
yup 方式进行数据验证
表单级别数据验证
函数方式进行数据验证
yup 方式进行数据验证
响应式验证规则
显示错误提示信息
显示字段的所有错误提示信息
获取表单所有字段的错误提示信息
设置错误提示信息的 label
验证原数据
字段级别原数据
ts
const { meta } = useField('fieldName')
meta.dirty
meta.pending
meta.touched
meta.valid
meta.initialValue
interface FieldMeta {
// 字段当前值与默认值是否相同. 如果相同，则该属性值为true，否则为false
dirty: boolean
// 字段验证是否正在进行中(该字段常用于异步验证时，显示字段的验证状态)
pending: boolean
// 字段是否获得过焦点
touched: boolean
// 字段是否验证通过
valid: boolean
// 字段初始值. 在你未显示设置初始值的情况下，初始值为`undefined`
initialValue: any
}
如果字段当前值与默认值一致，则禁止点击按钮
表单级别原数据
ts
const { meta } = useForm()
// 至少有一个表单项字段的值与原始值不一致
meta.value.dirty
// 是否至少有一个字段还在验证中
meta.value.pending
// 至少有一个表单项被触碰过
meta.value.touched
// 表单整体是否验证通过
meta.value.valid
// 表单所有字段初始值
meta.value.initialValues