问题:手动跳转指定页,页面内容正确,当前页无法高亮,始终是第一页高亮。
原因:页面初始加载element-ui的分页组件,总条数为0,分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后,分页组件也不会刷新。
解决方法:总页数赋值之后再加载分页组件
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pageSize" layout="prev, pager, next, jumper"
:total="toTal"
v-if="toTal">
</el-pagination>