Pagination
Компонент v-pagination используется для разделения длинных наборов данных, чтобы пользователь мог потреблять информацию. В зависимости от предоставленной длины компонент pagination будет автоматически масштабироваться. Чтобы сохранить текущую страницу, просто поставьте атрибут v-model.
API
Элементы разбиения на фигуры в виде кругов
Применяет заданный цвет к элементу управления
Применяет тёмный вариант темы
Отключённый компонент
Длина paginator
Применяет светлый вариант темы
Укажите иконку, которая будет использоваться для иконки "следующее"
Укажите иконку, которая будет использоваться для иконки "предыдущее"
Укажите максимальное количество отображаемых номеров страниц
Текущая выбранная страница
Примеры
Длинный
Когда количество кнопок страницы превышает родительский контейнер, компонент усекает список.
Лимит
Вы также можете вручную установить максимальное количество видимых кнопок страницы с помощью total-visible prop.
Круглые
Альтернативный стиль для разбивки на страницы - это круглые страницы.
Иконки
Иконки предыдущей и следующей страницы можно настроить с помощью prev-icon и next-icon props.
Disabled
Элементы разбиения на страницы можно вручную отключить.