分页

v-pagination 组件用于分离长数据集，以便用户更容易地使用信息。根据提供的长度，分页组件将自动伸缩。要维护当前页面，只需提供一个 v-model 属性。

用例

默认情况下，分页显示基于设置的 length 属性的页面数，并带有 prev 和 next 按钮，以帮助您导航。

从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。

props

events

sass

下面是一些简单到复杂的例子。

使用 length 属性，您可以设置 v-pagination 的长度，如果页面按钮的数量超过父容器，它将截断列表。

您可以用total-visible属性手动设置可见页面按钮的最大数量。

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

上一页和下一页的图标可以使用 prev-icon 和 next-icon 属性定制。

分页项可以使用 disabled 属性手动停用。

想要了解更多？继续阅读：

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!