Vue.js 如何在列表上设置Vuetify分页

使用vuetify，我试图在

上设置

，但看不到如何将我的项目（通知中的n）绑定到分页。它需要额外的功能吗？我找到的大多数文档都是关于vuetify表的

通知
导出默认值{
姓名：“身份”，
数据（）{
返回{
分页：{
页码：1，
总数：0，
每页：0，
可见光：3
},
通知：[]，
}
},
计算：{
页数（）{
Math.ceil（this.notification.length/3）
}
}
}

---

如何设置按页面显示的项目数？

您可以使用分页组件的v模型获取要显示的项目列表

这里有一个例子

{{visiblePages}}

newvue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据（）{
返回{
页码：1，
每页：4，
页码：[0,1,2,3,4,5,6,7,8,9,10,11,12,13]
}
},
计算：{
可访问页面（）{
返回this.pages.slice（（this.page-1）*this.perPage，this.page*this.perPage）
}
}
})

然后，您可以将

可视页面

传递给您的项目列表