VPagination
Props
| Name | Type | Description |
|---|---|---|
| aria-current | Enum:pagesteplocationdatetimetruefalse | Indicates the element that represents the current item within a container or set of related elements. |
| size | Enum:super-condensedcondensednormal | The size the pagination should have. |
| shape | Enum:roundedpill | The shape the pagination should have. |
| nav-icons | boolean | |
| total | number | |
| selected-index | number |
Events
| Name | Event Type | Description |
|---|---|---|
| click | MouseEvent | Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element. |
| focus | FocusEvent | Fires when the element receives focus. |
| blur | FocusEvent | Fires when the element loses focus. |
| keydown | KeyboardEvent | Fires when a key is pressed. |
| keyup | KeyboardEvent | Fires when a key is released. |
| input | Event | Fires when the value of an element has been changed. |
| pagination-change | CustomEvent<{selectedIndex: number, total: number, oldIndex: number}> | Fires when the page changes. |
Methods
| Name | Type | Description |
|---|---|---|
| totalChanged | (_: number,newValue: number) => unknown | |
| selectedIndexChanged | (oldValue: number,newValue: number) => unknown | |
| paginationButtonsChanged | `(_: HTMLButtonElement[] | undefined,newValue: HTMLButtonElement[]) => unknown` |