问题描述:若当前页码不在第1页,进行切换 page-size 操作,会同时触发 on-page-size-change 和 on-change 事件。(因为 pageSize 的切换会引发页码跳回第一页。另外事件触发顺序是 onSizeChange -> onChange )
正常情况下,改变页码 和 切换pageSize 都需要重新请求数据。因此在上述情况下,会触发两次请求,这是不合理的。
解决方法:对on-page-size-change事件的回调方法进行一个限制:
handlePageSizeChange(pageSize: number) {
if (this.currentPage === 1) { // 加上这个判断
// 方法体
}
}