博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序上拉加载的坑
阅读量:6611 次
发布时间:2019-06-24

本文共 1090 字,大约阅读时间需要 3 分钟。

小程序上拉加载的时候,数据请求下来之后会发现数据不会自动叠加,而是一个页面只展示你所请求的数据,所以你要在此把每次请求的数据用concat连接起来,千万不能用push添加,直接上代码

 
   data: { //全局变量
      list:'',
      title:'',
      id:'',
      currentPage:'1',
      hasmore:false
     }
 
onReachBottom() {  //上拉触底函数   let that = this   //注意that    console.log(that.data.id)    console.log(that.data.currentPage++)    console.log(that.data.list)    wx.request({      url: 'http://www.zhm365.com/zhm/api/loadNewByTitle',      data: {        title:that.data.id,        pageSize: '10',        currentPage:that.data.currentPage++  // 请求页面不能定死,每次请求页面自增,如果页面固定死的话,每次请求的数据相同      },      method: 'POST',      header: {        'content-type': 'application/x-www-form-urlencoded'      },      success: function (res) {        console.log(res.data.info)          if(res.data.info!==null){            //每次刷新的数据叠加,注意是用concat进行连接,而不是用push添加            that.setData({              list: that.data.list.concat(res.data.info),              hasmore: true            })          }else{            that.setData({              hasmore: true            })          }        }    })  },

 

转载于:https://www.cnblogs.com/xxflz/p/9309681.html

你可能感兴趣的文章
Java之CountDownLatch使用
查看>>
转 Spring Security 简介
查看>>
CSS Hack解决浏览器IE部分属性兼容性问题
查看>>
第11次作业
查看>>
java.util.ConcurrentModificationException异常
查看>>
[转载] 七龙珠第一部——第023话 强敌出现了
查看>>
[解决方法] php大form用post方式传递数据过多被截取的问题
查看>>
语音转文字小工具开发Python
查看>>
bzoj3786 星际探索 splay dfs序
查看>>
Unity Manual 用户手册
查看>>
博客园第一天,纪念一下。O(∩_∩)O~
查看>>
LA 4015 树形背包
查看>>
JDBC学习总结(一)
查看>>
UPS故障案例集(一)
查看>>
加载静态文件,父模板的继承和扩展
查看>>
Oracle 11gR2 deferred segment creation 与 exp/imp 说明
查看>>
学习笔记之Bokeh Data Visualization | DataCamp
查看>>
学习笔记之Visual Studio Code & Clang
查看>>
类型和声明笔记
查看>>
Epoll模型【转】
查看>>