为什么 Vuetify 分页组件中的分页链接点击会给出"No matching records found"消息



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

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

所以我通过查看 Vuetify 源代码找到了解决方案。解决方案是在v-data-table组件上设置另一个 prop,称为总项目,例如:total-items="totalProjects"并添加数据属性totalProjects并对其进行适当设置。希望它能帮助别人。

最新更新