为什么在Vuetify分页组件中单击分页链接会显示“找不到匹配的记录”消息

Question

我正在尝试使用Vuetify数据表和分页组件来显示项目的分页列表。但是，当我单击分页链接以显示下一页数据时，我看到消息“找不到匹配的记录” 。单击下一页将调用 next 方法，该方法似乎从服务器端（Rub on Rails）获取正确的数据，并设置项目和分页数据属性。相关vue文件位于github上的https://github.com/navjeetc/vuejs_rails/blob/vue_component/app/javascript/parts/projects.vue

我没有设置所有内容还是没有正确地调用axios？我是Vue的新手。

Answer 1

因此，我通过查看Vuetify源代码找出了解决方案。解决方案是在 v-data-table 组件上设置另一个道具，称为 total items ，例如:total-items="totalProjects"并添加数据属性 totalProjects 并进行适当设置。希望对别人有帮助。