Pagination

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

Component Examples

Basic Usage

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

300px

Component Properties

PropertyDescriptionTypeDefault
modelValue / v-modelCurrent page numberNumber1
totalTotal number of pagesNumberundefined

Component Events

EventDescriptionParameters
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