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.
Ниже приведена коллекция простых и сложных примеров.
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.
Вы также можете вручную установить максимальное количество видимых кнопок страницы с помощью total-visible prop.
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.
Готовы к большему? Продолжить чтение с: