# Pagination(分页)

v-pagination 组件用于分离长数据集,以便用户消化信息。 根据提供的数据量,分页组件将自动缩放。 要维护当前页面,只需提供 v-model 属性。

# 使用

分页默认根据设置的 length 属性显示页数,两边有 prevnext 按钮帮助导航。

# API

# 示例

# 属性

# 圆形

circle 属性为你提供了分页按钮的另一种样式。

# 禁用

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

# 图标 (Icons)

上一页和下一页的图标可以通过 prev-iconnext-icon 属性自定义。

# 长度

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

# 最大可见分页数

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

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:11/12/2024, 6:59:50 AM