element-plus-form

Document Element Plus el-form attributes, events, slots, and exposes for Vue validation workflows.

7|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-form
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: element-plus-form
Source: https://github.com/wepn13232/element-plus-skills/tree/main/form
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-form

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Navigating the el-form API across attributes, events, slots, and exposes is time-consuming and invites validation mistakes when building Element Plus forms without a consolidated reference.

Core Features & Use Cases

  • Comprehensive attribute catalog: Lists every el-form and form-item prop with descriptions, default values, and data types so you can configure forms with confidence.
  • Event, slot, and expose guidance: Details form events, slot usage, and available exposes to orchestrate validation flows, messaging, and scroll behavior effectively.
  • Use Case: When crafting a multi-step survey with conditional validation, consult this API summary to wire up rules, error messaging, and scrolling behavior without switching tabs.

Quick Start

Ask for a summary of el-form attributes, events, slots, and exposes for a validation-focused Vue form.

Frequently Asked Questions about element-plus-form

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure validation rules for an Element Plus form in Vue?

To configure validation rules for an Element Plus form, you can reference a comprehensive catalog of el-form attributes and form-item props. It provides descriptions, default values, and data types to wire up accurate validation workflows.

What events and slots are available for el-form validation workflows?

El-form validation workflows utilize specific events, slots, and exposes to orchestrate messaging and scroll behavior. This guidance details every available form event and slot usage to help you implement conditional validation flows effectively.

How does el-form expose work for managing form scroll behavior and validation?

El-form exposes provide direct references to orchestrate validation flows, messaging, and scroll behavior. By detailing these available exposes, you can programmatically manage multi-step survey forms without switching documentation tabs.

Can I use el-form for a multi-step survey with conditional validation in Vue?

Yes, el-form supports multi-step surveys with conditional validation by combining its attributes, events, and exposes. You can consult the API summary to wire up rules, error messaging, and scrolling behavior for complex Vue form implementations.

Why does my Element Plus form validation fail when configuring custom form-item props?

Element Plus form validation often fails due to mismatched data types or missing default values in form-item props. Checking the authoritative attribute catalog ensures you have the correct descriptions and types for accurate implementations.