使用引导-vue分页组件:
<b-pagination
v-model="currentPage"
:total-rows="rows"
:per-page="perPage"
></b-pagination>
Component.vue:
export default class Links extends Vue {
public currentPage: number = 1
public perPage: number = 20
public rows: number = 1
@Wat
我试图使用Vuetify和分页组件来显示项目的分页列表。但是,当我点击分页链接显示下一页的数据时,我看到的是“没有找到匹配的记录”。单击next页面调用next方法,该方法似乎从服务器端(Rub on Rails)获得正确的数据,并设置项目和分页数据属性。相关的vue文件位于的github中。
我是没有设置所有的东西,还是没有正确地调用axios?我是Vue的新手。
现在,我遇到了一些问题,就是要对存储在任务表中的所有数据进行分页,我已经尝试了一些代码来用laravel进行分页,但是代码不能使用.vue文件扩展名。我正在使用Laravel5.8,vue.js,axios和vue-路由器视图.
我的代码不起作用,或者总体上可能错了,
//这是我在taskController文件中的索引函数:
public function index(Request $request)
{
// return new taskCollection(Task::orderBy('created_at', 'desc')-
是否有任何方式以编程方式更改引导-vue中的b-分页:
this.$refs.pagination.goToPage(3) // This is just example
或者像这样使用分页插件:
this.$bvPagination.goToPage('pagination', 3) // This is just example too
我正在试图找到引导-vue分页插件的文档,但我还没有找到它。我被认为有一些类似于$bvPagination的东西,因为模式插件中有$bvModal。
使用v-model并不适用于我,页面仍然在第1页。
<b-pagination