先说结论:在改变pageSize时,若当前的currentPage超过了最大有效值,就会修改为最大有效值。
一般Pagination组件的声明如下:
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-size="pageSize"
:current-page="currentPage"
:total="total"
:page-sizes="[10, 20, 50, 100, 200, 300, 400]"
layout="total, sizes, prev, pager, next, jumper">
数据都是异步获取的,所以会定义一个获取数据的方法:
getData() {
const params = {
pageSize: this.pageSize,
currentPage: this.currentPage
};
get(params).then(res => {
if (res.status === 0) {
...
this.total = res.result.count;
}
});
}
一般我们会在pageSize或currentPage改变时,再次去获取新数据&#x