Vuetify

Магазин

Для бизнеса

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.

Готовы к большему? Продолжить чтение с:

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!