element 修改分页样式_Element-UI踩坑之Pagination组件

先说结论：在改变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