Vuetify

商店

企业版

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

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

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

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

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

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

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

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

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

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