相信大家都用过分页,在网上也能找到很多案例,这是我自己的项目分享
//在你的table页绑定一下data
<el-table
:data="List.slice(
(currentPage - 1) * pagesize,
currentPage * pagesize
)"
>
//然后自己写个分页的div
<div class="pagination">
<!-- 分页 -->
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[5,10]"
:page-size="pagesize"
layout="total, sizes, prev, pager, next, jumper"
:total="total" //这里的total有绑定接口的数据 根据自己的数据定
>
</el-pagination>
</div>
return定义一下
data() {
return {
// 总条数
total: 0,
currentPage: 1, //初始页
pagesize: 5, //
},
然后写方法
//分页
handleSizeChange: function(size) {
this.pagesize = size;
},
handleCurrentChange: function(currentPage) {
this.currentPage = currentPage;
},
具体就这些了。