Element分页，

最新推荐文章于 2025-05-23 17:08:51 发布

原创最新推荐文章于 2025-05-23 17:08:51 发布 · 371 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

js 专栏收录该内容

7 篇文章

订阅专栏

博客指出手动跳转指定页时，element-ui分页组件存在页面内容正确但当前页无法高亮、始终第一页高亮的问题。原因是页面初始加载时总条数为0，页码默认为1，且数据获取后组件不刷新。解决办法是总页数赋值后再加载分页组件。

问题：手动跳转指定页，页面内容正确，当前页无法高亮，始终是第一页高亮。

原因：页面初始加载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>