VPagination API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| active-color | ||
| The applied color when the component is in an active state. | ||
| aria-label | ||
| Label for the root element. | ||
| border | ||
| Designates the border-radius applied to the component. This can be xs, sm, md, lg, xl. | ||
| color | ||
| Applies specified color to the selected page button - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| current-page-aria-label | ||
| Label for the currently selected page. | ||
| density | ||
| 调整组件使用的垂直高度。 | ||
| disabled | ||
| 移除组件的单击或 target 功能。 | ||
| elevation | ||
| 组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。 | ||
| ellipsis | ||
| Text to show between page buttons when truncating the list. | ||
| first-aria-label | ||
| Label for the go to first button. | ||
| first-icon | ||
| The icon to use for the first button. | ||
| last-aria-label | ||
| Label for the go to last button. | ||
| last-icon | ||
| The icon to use for the last button. | ||
| length | ||
| The number of pages. | ||
| model-value | ||
| 组件 v-mode 的值。如果组件支持多属性，默认为空数组。 | ||
| next-aria-label | ||
| Label for the next button. | ||
| next-icon | ||
| The icon to use for the next button. | ||
| page-aria-label | ||
| Label for each page button. | ||
| prev-icon | ||
| The icon to use for the prev button. | ||
| previous-aria-label | ||
| Label for the previous button. | ||
| rounded | ||
| Designates the border-radius applied to the component. This can be 0, xs, sm, true, lg, xl, pill, circle, and shaped. Find more information on available border radius classes on the Border Radius page . | ||
| show-first-last-page | ||
| Show buttons for going to first and last page. | ||
| size | ||
| 设置组件的高度和宽度。默认单位是px。也可以使用以下预定义的大小：x-small、small、default、large和x-large。 | ||
| start | ||
| Specify the starting page. | ||
| tag | ||
| 指定在根元素上使用的自定义标签。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| tile | ||
| Removes any applied border-radius from the component. | ||
| total-visible | ||
| Specify the total visible pagination numbers. | ||
| variant | ||
| Applies a distinct style to the component. | ||
事件
| 名称 | 类型 |
|---|---|
| first | |
| Emitted when clicking on go to first button. | |
| last | |
| Emitted when clicking on go to last button. | |
| next | |
| Emitted when clicking on go to next button. | |
| prev | |
| Emitted when clicking on go to previous button. | |
| update:modelValue | |
| 当组件的 model-value 更改时引发的事件。 | |
插槽
| first |
| Define a custom appearance for the first button. |
| item |
| Define a custom item appearance. |
| last |
| Define a custom appearance for the last button. |
| next |
| Define a custom appearance for the next button. |
| prev |
| Define a custom appearance for the previous button. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $pagination-item-margin | |