element-plus-upload

Document Element Plus el-upload attributes, slots, exposes, and hooks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill centralizes the Element Plus el-upload API so developers avoid jumping between docs when implementing file upload components.

Core Features & Use Cases

  • Attribute Reference: Lists each prop, its type, and default value so you can configure action, headers, limit, and drag modes correctly.
  • Hook Guidance: Describes lifecycle hooks like before-upload, on-success, on-error, on-remove, and on-progress for custom upload flows.
  • Slot & Expose Insights: Covers slots for trigger, tip, and file templates plus exposes such as abort, submit, clearFiles, handleStart, and handleRemove in Vue upload interfaces.

Quick Start

Ask for the el-upload API overview to configure limits, headers, and hooks for a new file upload experience.

Frequently Asked Questions about element-plus-upload

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

FAQPage Schema
How do I configure Vue file upload limits and headers using el-upload?

To configure Vue file upload limits and headers with el-upload, set the limit prop to restrict file count and pass an object to the headers prop for custom HTTP headers. The component accepts these attributes alongside action and drag mode toggles to define upload behavior.

What lifecycle hooks are available for custom Element Plus upload flows?

Element Plus upload flows provide lifecycle hooks including before-upload, on-success, on-error, on-remove, and on-progress. These handlers allow developers to intercept and customize the file upload process at each stage, from pre-upload validation to completion and error handling.

Can I customize the file list display using el-upload slots?

Yes, you can customize the file list display using el-upload slots for trigger, tip, and file templates. These slots allow you to override the default upload trigger button, append hint text, and fully control how individual files render in the upload component interface.

How do I manually abort or submit a Vue file upload programmatically?

You can manually abort or submit a Vue file upload programmatically by using the component's exposed methods. The el-upload component exposes abort, submit, clearFiles, handleStart, and handleRemove methods to give developers direct control over the upload lifecycle.

Does the Element Plus upload component support overriding the default HTTP request?

Yes, the Element Plus upload component supports overriding the default HTTP request behavior. Developers can provide handler descriptions and custom request functions to replace the default XHR implementation, enabling integration with custom API endpoints or specialized upload services.