Vue分页 ,第一次加载时totalCount总页数无效

本文解决Vue+LayUI项目中分页数据加载不同步问题,通过调整加载顺序确保分页总数正确显示。适用于Vue.js与LayUI结合使用的场景。

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

很多次遇到这个问题 ,使用vue+layui分页 ,异步加载数据 ,所有都正常,就是分页条总数显示不正常,原因是TotalCount第一次为null   后来发现,在调用初始化市局方法,调用分页方法的时候,分页方法是不等数据加载完就已经开始执行了,等数据加载完,比分页加载速度慢了30毫秒。这就是为什么分页数据出不来的原因   解决方法:

detailTab:function(id,index){//点击切换标题,初始化数据,分页
    var _this=this;
    _this.chushihua(_this.pageIndex,_this.pageSize,id,index);//初始化数据 
    setTimeout(function () { _this.pageInti();}, 50);//chushihua方法会延迟25-30ms ,而pageInti方法是已经加载完了。所以加个延迟加载后立马见效。根据项目运行速度 修改 延迟毫秒数。如果延迟太厉害就要另外想办法了。

},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

励志重写JDK

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值