element-plus-pagination

Explain el-pagination attributes, events, and slots for Element Plus.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and engineers often need fast, accurate Element Plus pagination details without digging through docs, and this skill provides the necessary API guidance for el-pagination.

Core Features & Use Cases

  • Attributes at a glance: Lists every property such as page-size, layout, and navigation text defaults so you can configure paged controls confidently.
  • Events and slots explained: Documents size-change, current-change, prev-click, next-click, and slot usage to wire up pagination logic.
  • Use Case: While building a table with server-side data, request this skill to understand which pagination props to bind and which events to listen for precise UI behavior.

Quick Start

Ask the skill for el-pagination attributes, default values, and event callbacks when designing a paged list.

Frequently Asked Questions about element-plus-pagination

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

FAQPage Schema
How do I configure el-pagination attributes for a Vue data table?

Element Plus el-pagination emits events like size-change, current-change, prev-click, and next-click to handle pagination logic. You listen for these event callbacks to trigger server-side data requests when users interact with the paged control.

What are the default property values for Element Plus pagination layout?

Element Plus el-pagination supports slots to customize pagination UI components. You can use documented slots alongside attributes like page-size to precisely wire up pagination logic and tailor the control layout for your specific Vue application needs.

Can I use el-pagination for server-side data fetching in Vue?

Yes, you can use el-pagination for server-side data fetching in Vue by binding pagination props and listening to current-change events. This approach wires up precise UI behavior to request correct data pages from your backend API.

Why does my Element Plus pagination not trigger data updates?

Element Plus pagination fails to trigger data updates when events like current-change or size-change are not properly bound. Checking the official API event signatures ensures your Vue component correctly listens for pagination interactions to fetch new data.