分页 (Pagination)

v-pagination 组件用于分离长数据集，以便用户消化信息。

使用

分页组件默认根据设置的 length 属性显示页数，上一页和下一页有 prev 和 next 按钮用于帮助导航。根据提供的长度，分页组件会自动调整大小。要保持当前页面，只需提供一个 v-model 属性。

API

组件	描述
v-pagination	Primary Component

示例

属性

圆角 (Rounded)

rounded 属性可以调整分页按钮为圆形。

禁用

使用 disabled 属性，可以手动禁用分页。

图标 (Icons)

Previous and next page icons can be customized with the prev-icon and next-icon props. 上一页和下一页的图标可以通过 prev-icon 和 next-icon 属性自定义。

长度

使用 length 属性可以设置 v-pagination 的长度，如果页面按钮的数量超过了父容器，分页将被从中截断。

最大可见分页数

你也可以通过 total-visible 属性手动设置最大可见分页数。