• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序 上下拉刷新

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  1. 上拉刷新
    pageView自带上拉刷新方法onReachBottom 实现方法并实现刷新事件
  onReachBottom() {
    if (!this.data.noMoreData) {
      this.loadData(true);
    }
  }

2.下拉刷新 需要在对应page页面的json文件中配置 然后在该页面的js文件中实现下拉刷新的方法即可

  "enablePullDownRefresh": true,
  "backgroundTextStyle": "dark"
   onPullDownRefresh(){
   this.loadData();
  }

  //结束上拉刷新loading关闭
  wx.stopPullDownRefresh();   

刷新数据


  //加载网络数据
  loadData: function (isMore = false) {
    var { page } = this.data;
    var { limit } = this.data;
    if (isMore) {
      page++;
    } else {
      page = 1;
    }
    this.setData({ page, limit });
    let activityRequest = require(\'../../utils/request\');
    let urlConst = require(\'../../utils/api\');
    activityRequest(urlConst.Action_Activity, {
      \'page\': page,
      \'limit\': limit
    }).then((res) => {
      if (res.code == 0) {
        var resData = res.data;
        //取出对应值
        var acts = resData.data || [];
        var adxs = resData.ads || [];
        // 处理tags
        acts.forEach((res, index) => {
          let list = res.tags.split(\',\');
          res[\'mytags\'] = list;
        });
        //从data中取出activitys ads
        var { activitys } = this.data;
        var { ads } = this.data;
        if (!isMore) {
          //结束上拉刷新loading
          wx.stopPullDownRefresh();
          activitys = [];
        }
        var { noMoreData } = this.data;
        if (acts.length < this.data.limit) {
          console.log(\'暂无更多数据\');
          noMoreData = true;
        }else{
          noMoreData = false;
        }
        ads = adxs;
        activitys = activitys.concat(acts);
        this.setData({
          ads,
          activitys,
          noMoreData
        });
      } else {
        if(!isMore){
          //结束上拉刷新loading
          wx.stopPullDownRefresh();
        }
        wx.showToast({
          title: res.message,
          icon: \'none\'
        })
      }
    });
  },

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
18.小程序上拉加载和下拉刷新发布时间:2022-07-18
下一篇:
小程序实现下拉刷新发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap