Pagination

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.

Utilização

Pagination displays all pages if parent container is big enough.

API

props

events

Nome

circle

Padrão

false

Tipos

boolean

Components.Paginations.

Nome

color

Padrão

undefined

Tipos

string

Components.Paginations.

Nome

dark

Padrão

false

Tipos

boolean

Components.Paginations.

Nome

disabled

Padrão

false

Tipos

boolean

Components.Paginations.

Nome

length

Padrão

Tipos

number

Components.Paginations.

Nome

light

Padrão

false

Tipos

boolean

Components.Paginations.

Nome

next-icon

Padrão

'$vuetify.icons.next'

Tipos

string

Components.Paginations.

Nome

prev-icon

Padrão

'$vuetify.icons.prev'

Tipos

string

Components.Paginations.

Nome

total-visible

Padrão

undefined

Tipos

number | string

Components.Paginations.

Nome

value

Padrão

Tipos

number

Controla visibilidade

Exemplos

Long

When the number of page buttons exceeds the parent container, the component will truncate the list.

Limit

You can also manually set the maximum number of visible page buttons with the total-visible prop.

Round

The alternate style for pagination is circle pages.

Icons

Previous and next page icons can be customized with prev-icon and next-icon props.

Disabled

Pagination items can be manually deactivated.

Up Next

Edit this page | language on Github

— Contribution Guide