VFlexPagination
Vuero provides a custom pagination component called <VFlexPagination />. Check the markup for more details about usage.
VFlexPagination Props
Here is the full props available for <VFlexPagination /> component:
| Props | Default | Type |
|---|---|---|
| itemPerPage required | undefined | number |
| totalItems required | undefined | number |
| currentPage | 1 | number |
| maxLinksDisplayed | 5 | number |
| noRouter | undefined | boolean |
| routerQueryKey | page | string |
VFlexPagination Events
Here is the full events available for <VFlexPagination /> component:
| Event | Callback | Description |
|---|---|---|
| @update:currentPage | (value: number) => void | Raised when the page is updated Requires currentPage props |
VFlexPagination Slots
Here is the full slots available for <VFlexPagination /> component:
| Slot | Properties | Description |
|---|---|---|
| #before-pagination | null | Render content before the pagination links |
| #after-pagination | null | Render content after the pagination links |
| #before-navigation | null | Render content before the navigation links |
| #after-navigation | null | Render content after the navigation links |