Paginação

AlpopPagination é um paginador independente, controlado por currentPage / total / perPage.

Página: 3

alpop-pagination(
  :current-page="page",
  :total="120",
  :per-page="10",
  @update:current-page="page = $event"
)

Props

Prop	Tipo	Padrão	Descrição
currentPage	Number	1	Página atual (v-model:currentPage)
total	Number	0	Total de registros
perPage	Number	10	Itens por página
visiblePages	Number	5	Quantidade de botões visíveis
hasPrev	Boolean	null	Força o estado da seta "anterior"; null deriva de pageCount
hasNext	Boolean	null	Força o estado da seta "próxima" (útil em paginação por cursor); null deriva de pageCount

As setas afetadas por hasPrev/hasNext são só as de anterior/próxima; os botões numerados continuam navegando livremente dentro de pageCount.

Eventos

Evento	Payload	Quando
update:currentPage	Number	Ao escolher uma página, ou clicar em anterior/próxima (usado por v-model:currentPage)