Rounded: none

The pagination component can have different radius factors. Use the rounded prop to change the radius of the pagination.

Default props of all <BasePagination> can be set in your <app>/app.config.ts.
نمایش کد
vue

Rounded:sm

The pagination component can have different radius factors. Use the rounded prop to change the radius of the pagination. Here is an example of a rounded:sm pagination.

نمایش کد
vue

Rounded:md

The pagination component can have different radius factors. Use the rounded prop to change the radius of the pagination. Here is an example of a rounded:md pagination.

نمایش کد
vue

Rounded:lg

The pagination component can have different radius factors. Use the rounded prop to change the radius of the pagination. Here is an example of a rounded:lg pagination.

نمایش کد
vue

Rounded:full

The pagination component can have different radius factors. Use the rounded prop to change the radius of the pagination. Here is an example of a rounded:full pagination.

نمایش کد
vue

#<BasePagination>

•خصوصیات

item-per-page
The number of items to display per page.
ضروری
نمایش مثال
vue
total-items
The total number of items.
ضروری
نمایش مثال
vue
classes
Optional CSS classes to apply to the component inner elements.
نمایش مثال
vue
current-page
The current page number.
نمایش مثال
vue
ellipsis
The ellipsis to show when there are too many links.
نمایش مثال
vue
max-links-displayed
The maximum number of links to display.
نمایش مثال
vue
next-icon
The icon to show for the next button.
نمایش مثال
vue
no-router
Whether to disable routing.
نمایش مثال
vue
previous-icon
The icon to show for the previous button.
نمایش مثال
vue
router-query-key
The query key to use for routing.
نمایش مثال
vue

•خصوصیات (با app.config)

color
The color of the pagination active button.

@since

3.0.0

نمایش مثال
vue
rounded
The radius of the pagination.

@since

2.0.0

نمایش مثال
vue

•Events

@update:currentPage
نمایش مثال
vue

•Slots

#before-pagination
This slot has no inherted props
نمایش مثال
vue
#after-pagination
This slot has no inherted props
نمایش مثال
vue
#before-navigation
This slot has no inherted props
نمایش مثال
vue
#previous-icon
This slot has no inherted props
نمایش مثال
vue
#next-icon
This slot has no inherted props
نمایش مثال
vue
#after-navigation
This slot has no inherted props
نمایش مثال
vue

•Exposed

color
The color of the pagination active button.
نمایش مثال
vue
rounded
The radius of the pagination.
نمایش مثال
vue