Pagination
El componente v-pagination
es utilizado para separar grandes conjuntos de datos de maner que sea más fácil para el usuario consumir la información. Dependiendo de la longitud que sea proveída, el componente de paginación escalará automáticamente. Para mantener la página actual, simplemente agrega un atributo v-model
.
API
Los elementos de paginación son de forma circular
Aplica el color especificado al control.
Aplica la variante del tema dark
Deshabilita el componente
La longitud del paginador
Aplica la variante del tema light
Especifica el ícono para siguiente
Especifica el ícono para anterior
Especifica el máximo total visible de números de paginación
La página seleccionada actual
Ejemplos
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.