[Component] [form, form-item] `FormItem` 缺失 `validate` 事件
Author: l246804Created Nov 21, 2025Updated Aug 23, 2026
Labelsneeds discussioninactive
Bug Type: Component
Environment
- Vue Version:
3.5.24 - Element Plus Version:
2.11.8 - Browser / OS:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36 Edg/138.0.0.0 - Build Tool:
Vite
Reproduction
Related Component
el-formel-form-item
Reproduction Link
Steps to reproduce
查看 playground 示例。
What is Expected?
期望只有存在验证错误的 TabPane 才会将颜色标红。
What is actually happening?
由于只有 Form 上存在 validate 事件,无法通过 TabPane 内的 FormItem 来判断当前 TabPane 是否应该标红。如果要实现将会非常复杂且困难。
Additional comments
这是我目前能想到的方案:
FormItem增加validate事件,但是需要每个验证的子FormItem都调用比较繁琐- 增加一个
FormCollector作为中间组件,能够收集自身下所有的FormItem验证状态和上下文,可以覆盖更多的业务场景
Source: element-plus/element-plus