vue 分页组件怎么控制每页的显示

Posted 2023-05-12

Pagination.vue
<!--
params:
pageNo: 总页数
current: 当前的页码
-->
<template>
<div class="pager">
<button class="btn btn-pager" :disabled="this.current == 1" @click="prePage">上一页</button>
<span v-if="pageNo !== 1" class="page-index 1 == current ? 'active':''" @click="goPage(1)">1</span>
<span v-if="preClipped" class="page-index">...</span>
<span v-for="index in pages" class="page-index index == current ? 'active':'' " @click="goPage(index)">index</span>
<span v-if="backClipped" class="page-index">...</span>
<span class="page-index pageNo == current ? 'active':'' " @click="goPage(pageNo)">pageNo</span>
<button class="btn btn-pager" :disabled="this.current == pageNo" @click="nextPage">下一页</button>
</div>
</template> 参考技术A Pagination.vue
<!--
params:
pageNo: 总页数
current: 当前的页码
-->
<template>
<div class="pager">
<button class="btn btn-pager" :disabled="this.current == 1" @click="prePage">上一页</button>
<span v-if="pageNo !== 1" class="page-index 1 == current ? 'active':''" @click="goPage(1)">1</span>
<span v-if="preClipped" class="page-index">...</span>
<span v-for="index in pages" class="page-index index == current ? 'active':'' " @click="goPage(index)">index</span>
<span v-if="backClipped" class="page-index">...</span>
<span class="page-index pageNo == current ? 'active':'' " @click="goPage(pageNo)">pageNo</span>
<button class="btn btn-pager" :disabled="this.current == pageNo" @click="nextPage">下一页</button>
</div>
</template> 参考技术B 其中vuetable组件负责数据展示功能，里面内容暂且不表，pages组件实现分页功能，如下： 《 currentIndex+$index class为pageindex的 li 的点击事件里面将 要显示的index 传给 props传递过来的 clickhandle, clickhandle会根据index 参考技术C 其中vuetable组件负责数据展示功能，里面内容暂且不表，pages组件实现分页功能，如下： 《 currentIndex+$index class为pageindex的 li 的点击事件里面将 要显示的index 传给 props传递过来的 clickhandle, clickhandle会根据index本回答被提问者采纳 参考技术D 你想要怎么样控制

用java写的分页，数据有12条，每页显示2条，结果页面只有两页的内容。

用java写的分页，数据有12条，每页显示2条，结果页面只有两页的内容。数据是全部获取到了，就是显示不出来，只能显示两页。

参考技术A 你的getPage和queryOrder的name是不匹配的；
最好是设置断点，搞清楚第一页和下一页的sql是否有问题，总数的sql和list的sql是否一致 参考技术B 把list内容输出，把all输出，看看是不是all的数据不对，导致页数少了。追问

每页4行，一共4页，结果是对是，说明all值是对的

追答

你的all应该返回总记录条数吧，应该是16啊

追问

all是页数，不是数据条数

参考技术C 你最好debug一下，看看是数据问题还是展示问题，我觉得是参数传错了。 参考技术D 详细要求有吗？帮你。 第5个回答  2019-09-28 queryOrder方法的代码呢，你在下面打桩输出list的长度追问



追答

你的getPage的SQL语句没问题么？