<el-pagination
:current-page="page.pageNumber"
:page-sizes="[10, 20, 30, 40,50]"
:page-size="page.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange">
</el-pagination>
page:{
pageNumber: 1, //当前页
pageSize: 10, //每页显示条数
total: 20,
}
//每页条数
handleSizeChange(val) {
this.page.pageSize = val;
this.getRelicData() //数据接口
},
//当前页
handleCurrentChange(val) {
this.page.pageNumber = val;
this.getRelicData()
},
//将参数传递到需要分页的接口,应该就可以了
以上属于自己的个人理解,有不正确的地方,还请大家海涵😊