关于 regle-advanced
regle-advanced 是介绍 Regle 在 Vue 3 表单验证中高级用法的技能,涵盖集合、异步验证、服务端错误和作用域验证等模式。适用于需要处理复杂表单状态与配置的开发者。
主要功能
- 01数组集合验证
- 02异步验证与防抖
- 03服务端错误处理
- 04表单重置选项
- 05变体与作用域验证
- 06合并表单实例
适用场景
- 01验证动态数组字段
- 02处理异步规则与待验证状态
- 03映射并清除服务端错误
- 04跨组件组织表单验证
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ victorgarciaesgi/ regle --skill regle-advanced安装后在 Claude Code 中输入/regle-advanced确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/advanced-global-config.mdadvanced-merge-regles.mdadvanced-scoped-validation.mdadvanced-self-validation.mdadvanced-variants.mdcommon-async-validation.mdcommon-collections.mdcommon-reset-forms.mdcommon-server-errors.md详细介绍
Regle 高级模式
Regle 在 Vue 3 中进行表单验证的高级用法模式。涵盖集合、异步验证、服务端错误、重置选项、全局配置、判别联合(变体)、作用域验证、合并和对象级自验证。
常见模式
| 主题 | 描述 | 参考 |
|---|---|---|
| 集合 | 使用 $each 验证数组、集合错误、自定义键 | common-collections |
| 异步验证 | 异步规则、$pending 状态、防抖 | common-async-validation |
| 服务端错误 | externalErrors、点路径错误、清除错误 | common-server-errors |
| 重置表单 | $reset 选项:toInitialState、toOriginalState、toState | common-reset-forms |
高级用法
| 主题 | 描述 | 参考 |
|---|---|---|
| 全局配置 | defineRegleConfig、自定义消息、i18n、全局修饰符 | advanced-global-config |
| 变体 | createVariant、narrowVariant、判别联合 | advanced-variants |
| 作用域验证 | useScopedRegle、useCollectScope、跨组件验证 | advanced-scoped-validation |
| 合并 Regle | 使用 mergeRegles 合并多个表单实例 | advanced-merge-regles |
| 自验证 | 使用 $self 进行对象级跨字段验证 | advanced-self-validation |
相关技能
- regle — 使用
useRegle设置表单、验证属性、显示错误、修饰符。 - regle-rules — 内置/自定义规则、包装器和运算符。
- regle-schemas — 集成 Zod、Valibot、ArkType 和 Standard Schema。
- regle-typescript — 为规则架构和组件属性添加类型。
评论
支持 Markdown