element ui 分页器遇到的bug。切换页面时当时选择第二页,第二个选项卡也是第二页

本文解决了Vue项目中使用Element UI的分页组件时遇到的当前页显示不正确的问题。通过在分页器上添加current-page.sync属性实现页面与实际页数的同步。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我在这个教材选项卡选择了第二页。

然后切换到课件。看到下面效果

还是在第二页的。实际上我已经处理了让this.page=1.而且接口也给的第一页的,但是页面上显示的却是2.

 

解决办法就是在分页器上加一个参数。:current-page.sync = "page" 就可以啦

<el-row>
                        <el-col :span="24">
                            <el-pagination

layout="prev,total, pager, next,jumper"

@current-change="handleCurrentChange"

:current-page.sync = "page"

:page-size="10"

:total="total"

style="float:right;">
                            </el-pagination>
                        </el-col>
                    </el-row>

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值