小程序分页加载数据

小程序分页加载数据

1.加载更多的按钮

 <view bindtap="onDataLoad" class="hover-btn">加载更多</view>

2. js页面内容只提供思路,需要根据自己的情况改

 data: {
    devFactorList: [], //设备污染物信息
    factorOverList: [], //指定污染物超标数据
    overReqIndex: 0, //超标数据请求次数
    overReqCount: 0, //请求数据总数
    overMaxQueryCount: 10, //每次请求数据量
    overBegin: 0, //查询超标数据起始点
    subscript: 0 ,//默认选中第一个
    notData:1// 暂无数据

  },
  //如果切换选项,或者是从新进入,都需要清空数据
   onSelFactor: function (e) {
    if (this.data.selFactorUid != '' && this.data.selFactorUid != e.currentTarget.dataset.itemUid) { //点击污染物清空之前的数据
      this.setData({
        factorOverList: [],
        overReqIndex: 0,
        overReqCount: 0,
        overBegin: 0,
        selFactorUid: e.currentTarget.dataset.itemUid
      })
    }
    this.getFactorOverData(e.currentTarget.dataset.itemUid);
  },
  //这里是是接口里的,根据不同需求决定
   that.setData({
          ["factorOverList[" + that.data.overReqIndex + "]"]: res,
          overReqIndex: that.data.overReqIndex + 1,//超标数据请求次数
          overReqCount: that.data.overReqCount + that.data.overMaxQueryCount,//请求数据总数+请求数量
          overBegin: that.data.overBegin + that.data.overMaxQueryCount //超标数据起始点+请求数量
        })