vue表单自定义validator函数需接收rule、value、callback三参数，同步校验直接调用callback()或callback(new error())，异步校验推荐返回promise并throw错误，须确保callback仅调用一次且不混用两种方式。
Vue 表单校验中编写自定义 validator 函数，核心是让校验逻辑返回 Promise 或直接返回布尔值（或错误信息对象），配合 Element Plus、Ant Design Vue 等 UI 库的 rules 配置使用。关键在于理解校验函数的参数结构和异步处理方式。
自定义 validator 函数的基本结构
一个标准的自定义 validator 函数接收三个参数：rule（当前规则对象）、value（待校验的字段值）、callback（校验结束后的回调）。它必须调用 callback 来通知校验结果：
- 校验通过：调用
callback()（无参） - 校验失败：调用
callback(new Error('错误提示')) - 支持异步：在 Promise 中 resolve 或 reject 后再调用
callback
同步校验示例：手机号格式验证
适用于简单正则、长度、必填等即时判断场景：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章