微信小程序列表页上拉加载更多数据-入门

最新推荐文章于 2024-04-22 11:20:10 发布

木毅01

最新推荐文章于 2024-04-22 11:20:10 发布

阅读量55

点赞数

分类专栏：微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_27806371/article/details/135199705

版权

微信小程序专栏收录该内容

17 篇文章 0 订阅

订阅专栏

  onShow(){
    this.getList() //也可以放在onLoad里面看实际需求
  }
  getList() {
    util.request(api.teachPlanOwnList, { //这里是请求的接口和方式 不重要
      userId: userInfo.userId,
      pageSize: pageSize,
      pageNum: pageNum,
      sortType: sortType
    }, 'POST').then(res => {
      // console.log(res);
      if (res.code == 200) {
        let list = this.data.planList.concat(res.rows.map(item=>{ //对数据做处理 不重要
          let createTime = item.createTime.split(" ")[0].replace(/-/g, ".");
          item.createTime = createTime;
          if(!item.scheduledTime || item.scheduledTime == 'null'){
            item.scheduledTime = '未安排时间'
          }
          return item;
        }));
        this.setData({
          planList: list //这里是重点
        })
        // 判断是否加载完毕
        if (list.length >= res.total) { //这里是重点
          this.setData({
            flag: true, //这里是重点
            moreTxt: '-无更多数据-'
          })
        } else {
          pageNum = pageNum + 1;
          this.setData({
            flag: false, //这里是重点
            moreTxt: '-更多-'
          })
        }
      } else {
        wx.showModal({
          title: res.msg,
          icon: 'error',
          showCancel: false,
          duration: 3000
        });
      }
    })
  },

  onReachBottom() { //这里是重点 onReachBottom是微信小程序的原生方法
    if (this.data.flag) return
    this.getTeachPlanOwnList();
  },