背景
针对带分页的列表,需要刷新页面时,依旧显示当前页码的数据,故需要本地存储页码,
且给el-pagination组件传默认current-page, 此时,数据正确,但是页码高亮显示有误,依旧是第一页高亮
原因及解决方案
首次加载时,数据为空,el-pagination的total为0,此时页码默认高亮选中第一页,
当数据更改时,分页没有再一次更新,所以默认高亮还是第一页;
利用v-if判断数据是否为空,有数据时再加载分页,即可正确显示高亮
<el-pagination
v-if="!!pagination.total"
:current-page.sync="pagination.currentPage"
:page-size="pagination.pageSize"
layout="prev, pager, next, jumper"
:total="pagination.total"
@current-change="handleCurrentChange"
>
</el-pagination>