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

最新推荐文章于 2023-11-09 10:29:44 发布

原创最新推荐文章于 2023-11-09 10:29:44 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue layui #layui分页

前端专栏收录该内容

29 篇文章

订阅专栏

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

很多次遇到这个问题，使用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方法是已经加载完了。所以加个延迟加载后立马见效。根据项目运行速度 修改 延迟毫秒数。如果延迟太厉害就要另外想办法了。

},