#22892·element-plus

[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-form
  • el-form-item

Reproduction Link

Element Plus Playground

Steps to reproduce

查看 playground 示例。

What is Expected?

期望只有存在验证错误的 TabPane 才会将颜色标红。

What is actually happening?

由于只有 Form 上存在 validate 事件,无法通过 TabPane 内的 FormItem 来判断当前 TabPane 是否应该标红。如果要实现将会非常复杂且困难。

Additional comments

这是我目前能想到的方案:

  1. FormItem 增加 validate 事件,但是需要每个验证的子 FormItem 都调用比较繁琐
  2. 增加一个 FormCollector 作为中间组件,能够收集自身下所有的 FormItem 验证状态和上下文,可以覆盖更多的业务场景

Source: element-plus/element-plus