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

最新推荐文章于 2025-04-18 01:00:00 发布

励志重写JDK

最新推荐文章于 2025-04-18 01:00:00 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue layui layui分页

本文链接：https://blog.youkuaiyun.com/ajax_yan/article/details/85209715

前端专栏收录该内容

29 篇文章

订阅专栏

本文解决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方法是已经加载完了。所以加个延迟加载后立马见效。根据项目运行速度 修改 延迟毫秒数。如果延迟太厉害就要另外想办法了。

},