当前位置:   article > 正文

微信小程序简单实现上拉触底onReachBottom数据分页请求_微信小程序 onreachbottom如何重复执行

微信小程序 onreachbottom如何重复执行
  • 实现思路:

    • 通过小程序上拉触底onReachBottom事件触发数据第二次请求,上拉触底一次请求分页页码加一,每次请求10条数据,在请求函数中通过函数concat来处理数据累加问题,common.WechatRequest为封装的小程序wx.request函数。

    • 页面结构

  1. <view hidden="{
  2. {noDataPrompt}}">
  3. {
  4. {promptText}}
  5. </view>
  6. <view wx:for="{
  7. {inquiryDatas}}" wx:key="{
  8. {index}}"></view>
  • 主要实现代码如下:
  1. Page({
  2. /**
  3. * 页面的初始数据
  4. */
  5. data: {
  6. inquiryDatas: [],
  7. noDataPrompt: true,
  8. promptText: '无记录',
  9. pageCurrent: 1,
  10. pageSize: ''
  11. },
  12. /**
  13. * 生命周期函数--监听页面加载
  14. */
  15. onLoad: function (options) {
  16. let that = this;
  17. that.getTestData(1, 10, id, false);
  18. },
  19. /**
  20. * 获取记录
  21. */
  22. getTestData: function (pages, sizes, userIds, flag) {
  23. let that =
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/746463
推荐阅读
相关标签
  

闽ICP备14008679号