• 小程序 上下拉刷新


    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'
            })
          }
        });
      },
    
  • 相关阅读:
    python模块之xlrd,xlwt,读写execl(xls,xlsx)
    Gulp的常见用法
    Linux常用操作及命令大全
    解决谷歌云 ssh 登录权限被拒的问题 google cloud (publickey,gssapi-keyex,gssapi-with-mic)
    创建web服务器
    网站与服务器的基本知识
    flex布局与移动页面适应
    史上最全的maven的pom.xml文件详解
    linux maven安装
    在 Linux 下搭建 Git 服务器(yum安装)
  • 原文地址:https://www.cnblogs.com/qqcc1388/p/13073303.html
Copyright © 2020-2023  润新知