当前位置:   article > 正文

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

微信小程序 上拉加载的数据
  1. onShow(){
  2. this.getList() //也可以放在onLoad里面看实际需求
  3. }
  4. getList() {
  5. util.request(api.teachPlanOwnList, { //这里是请求的接口和方式 不重要
  6. userId: userInfo.userId,
  7. pageSize: pageSize,
  8. pageNum: pageNum,
  9. sortType: sortType
  10. }, 'POST').then(res => {
  11. // console.log(res);
  12. if (res.code == 200) {
  13. let list = this.data.planList.concat(res.rows.map(item=>{ //对数据做处理 不重要
  14. let createTime = item.createTime.split(" ")[0].replace(/-/g, ".");
  15. item.createTime = createTime;
  16. if(!item.scheduledTime || item.scheduledTime == 'null'){
  17. item.scheduledTime = '未安排时间'
  18. }
  19. return item;
  20. }));
  21. this.setData({
  22. planList: list //这里是重点
  23. })
  24. // 判断是否加载完毕
  25. if (list.length >= res.total) { //这里是重点
  26. this.setData({
  27. flag: true, //这里是重点
  28. moreTxt: '-无更多数据-'
  29. })
  30. } else {
  31. pageNum = pageNum + 1;
  32. this.setData({
  33. flag: false, //这里是重点
  34. moreTxt: '-更多-'
  35. })
  36. }
  37. } else {
  38. wx.showModal({
  39. title: res.msg,
  40. icon: 'error',
  41. showCancel: false,
  42. duration: 3000
  43. });
  44. }
  45. })
  46. },
  47. onReachBottom() { //这里是重点 onReachBottom是微信小程序的原生方法
  48. if (this.data.flag) return
  49. this.getTeachPlanOwnList();
  50. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/725958
推荐阅读
相关标签
  

闽ICP备14008679号