前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序下拉刷新上拉加载

微信小程序下拉刷新上拉加载

作者头像
明知山
发布2020-09-03 10:26:36
1.8K0
发布2020-09-03 10:26:36
举报
文章被收录于专栏:前端开发随笔

下拉刷新

在app.json中

代码语言:javascript
复制
 "window": {
    "backgroundTextStyle": "dark",
  },

在页面的配置项.json中

代码语言:javascript
复制
  "enablePullDownRefresh":true

在页面的js中

代码语言:javascript
复制
  // 触发下拉刷新时执行
  onPullDownRefresh: function () {
    //在标题栏中显示加载
    wx.showNavigationBarLoading();
    //重新加载的方法
    this.getchange();
    // 隐藏导航栏加载框
    wx.hideNavigationBarLoading();
    // 停止下拉动作
    wx.stopPullDownRefresh();
  },

上拉加载

代码语言:javascript
复制
 if (res.data.data.length == 0) {
       this.setData({
         bare: false
       })
     }
     this.setData({
       dynamic_list: this.data.dynamic_list.concat(res.data.data),
     })
  // 页面触底时执行
  onReachBottom: function () {
    if (this.data.bare == false) {
      return false
    }
    let that = this;
    wx.showLoading({
      title: '玩命加载中',
    })
    var page = that.data.page + 1
    that.setData({
      page: page
    })
    //在调一次方法
    that.getdynamic()
    wx.hideLoading();
  },
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/09/02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 下拉刷新
  • 上拉加载
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档