<el-table :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" border style="width: 100%"></el-table>
data数据
tableData: [],
total: 100, //总条数
pagesize: 3, //每页的数据条数
currentPage: 1 //默认开始页面
分页组件
<el-pagination
@current-change="gai"
:current-page="currentPage"
:page-sizes="[5, 10, 20, 40]"
:page-size="pagesize"
layout="total, prev, pager, next, jumper"
:total="tableData.length">
</el-pagination>
js部分
//分页
gai(currentPage) {
this.currentPage = currentPage;
},
// 页数
handleSizeChange: function (size) {
this.pagesize = size;
},