The v-pagination component is used to separate long sets of data so that it is easier for a user to consume information. Depending on the length provided, the pagination component will automatically scale. To maintain the current page, simply supply a v-model attribute.
Pagination by default displays the number of pages based on the set length prop, with prev and next buttons surrounding to help you navigate.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Using the length prop you can set the length of v-pagination, if the number of page buttons exceeds the parent container, it will truncate the list.
Vous pouvez définir manuellement le nombre maximal de pages affichées avec « total-visible ».
The circle prop gives you an alternate style for pagination buttons.
Previous and next page icons can be customized with the prev-icon and next-icon props.
Pagination items can be manually deactivated using the disabled prop.
Prêt pour plus ? Continuez la lecture avec :