<el-table
:data="dataSource.slice((currentPage-1)*pageSize,currentPage*pageSize)"
style="width: 100%"
>.....
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pageSize"
background
layout="total, prev, pager, next"
:total="tableData.length"
></el-pagination>
pageSize: 10,
currentPage: 1,
total: 20,
handleSizeChange (val) {
console.log(`每页 ${val} 条`);
this.currentPage = 1;
// this.pageSize = val;
},
handleCurrentChange (val) {
console.log(`当前页: ${val}`);
// this.currentPage = val;
},
vue中el-table分页
最新推荐文章于 2024-04-23 11:06:39 发布