Pagination

Component for displaying pagination navigation, supports responsive layout and adaptive number of page indicators.

Usage Examples

Basic Usage

The most basic pagination usage, only requires current page and total pages.

300px

Properties

PropertyBasic component module for translation keys shared across all component documentation pagesTypeDefault
modelValue / v-modelCurrent page numberNumber1
totalTotal number of pagesNumberundefined

Events

EventBasic component module for translation keys shared across all component documentation pagesParameters
update:modelValueEvent triggered to update the v-model value when page changes
No parameters
changeTriggered when page changes, with new page number as parameter
No parameters
Design Empowers, Innovation Unlimited