微信小程序下拉刷新

一:

  1. 配置需要下拉刷新的页面的json文件
"enablePullDownRefresh": true,
  1. 函数
/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log('onPullDownRefresh')
    // 相关代码
    wx.stopPullDownRefresh({// 下拉复位
      success: (res) => {},
    })
  },

二:onPullDownRefresh对scroll-view元素不起作用
针对scroll-view 可以绑定bindrefresherrefresh 事件。
同时需要设置refresher-triggered = '{{inRefresh}}'刷新函数中将inRefresh设置为false可以让下拉复位

 <scroll-view scroll-y='true' 
                refresher-enabled = 'true'
                bindrefresherrefresh = 'refresh'
                refresher-triggered = '{{inRefresh}}'
                bindscrolltolower='loadMore' 
                class="section-box">
refresh(){
    console.log('refresh')
    this.setData({
      inRefresh: false
    })
  },
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值