根据后台返回的数据写一个分页,通用

Posted dangerousbaymax

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了根据后台返回的数据写一个分页,通用相关的知识,希望对你有一定的参考价值。

// pageIndex ------> 当前页数,也就是页码了

const pageIndex = 1;

// pageSize ------> 这是自定义每页需要展示的条数
const pageSize = 20;
// roundfirmList ------> 这是获取后台返回的总的数据
var roundfirmList = res.data.body;
// tpages ------> 这是获取后台返回的总页数,tCount
const tpages = res.data.page.tCount;
// pages ------> 总数据的条数除以每页需要展示的条数,就是当前页数
const pages = roundfirmList.length/20; // isInt ------> 如果isInt为1了,就说明数据加载完了 var isInt=tpages/(that.pageIndex*20); // 如果页数只有一页或者所有数据加载完了就使loadmore发生改变,根据loadmore可以去设置自己想设置的状态,比如显示“玩命加载中”或者“全部加载完啦” this.loadmore = (pages==1&&isInt!=1) ? true : false; // 当前页码不唯一说明有新的数据出现,把新的数据concat进老数据,不要用push,push会改变数组的结构,concat不会 if(that.pageIndex>1){ this.roundfirm = that.roundfirm.concat(roundfirmList); }else{      // 当前页数为第一页,显示数据 this.roundfirm = roundfirmList; }

  

以上是关于根据后台返回的数据写一个分页,通用的主要内容,如果未能解决你的问题,请参考以下文章

查询后经过后台处理的数据的分页显示

bootstrap-table 后台返回啥结果

通用分页2

超简单实用的前端分页---jquery插件

PageHelper分页插件及通用分页js

遇到不同的分页插件 比如bootStrap paganation和jqGrid,但后台代码该怎么写