1009 B
1009 B
import Pagination from "~/components/ui/Pagination.vue"
Pagination
The pagination component helps users navigate through large lists of results by splitting them up into pages.
Prop | Data type | Required? | Description |
---|---|---|---|
pages |
Number | Yes | The total number of pages to paginate. |
v-model:page |
Number | Yes | The page number of the current page. |
Pagination model
Create a pagination bar by passing the number of pages to the pages
prop. Use v-model
to sync the selected page to your page data. Users can click on each button or input a specific page and hit return
.
<Pagination :pages="8" v-model:page="page" />