Компонент v-pagination используется для разделения длинных наборов данных, чтобы пользователь мог потреблять информацию. В зависимости от предоставленной длины компонент pagination будет автоматически масштабироваться. Чтобы сохранить текущую страницу, просто поставьте атрибут v-model.

Применение

Pagination by default displays the number of pages based on the set length prop, with prev and next buttons surrounding to help you navigate.

API

Примеры

Длинный

Когда количество кнопок страницы превышает родительский контейнер, компонент усекает список.

Лимит

Вы также можете вручную установить максимальное количество видимых кнопок страницы с помощью total-visible prop.

Круглые

Альтернативный стиль для разбивки на страницы - это круглые страницы.

Иконки

Иконки предыдущей и следующей страницы можно настроить с помощью prev-icon и next-icon props.

Disabled

Элементы разбиения на страницы можно вручную отключить.

Edit this page | language on Github
Vuetify
МагазинFor Enterprise