美文网首页
微信小程序下拉刷新PullDownRefresh的使用方法

微信小程序下拉刷新PullDownRefresh的使用方法

作者: hao_developer | 来源:发表于2022-10-21 20:00 被阅读0次
    image.png

    一、onPullDownRefresh回调

    Page({
      onShow(){
        wx.startPullDownRefresh();//开启自动刷新
      },
      onPullDownRefresh(){
        this.getAppletVer();
      },
    })
    

    二、enablePullDownRefresh支持

    "backgroundTextStyle": "dark"要配置为黑色,不然看不到三个点的效果

    {
      "usingComponents": {},
      "navigationStyle": "default",
      "navigationBarTitleText": "小程序配置",
      "enablePullDownRefresh": true,
      "backgroundTextStyle": "dark"//必须要配置为dark不然看不到效果
    }
    

    三:开始、停止刷新

    wx.startPullDownRefresh();//自动刷新
    wx.stopPullDownRefresh();//停止刷新
    

    四:注意点
    使用了scroll-view等滚动组件
    使用了scroll-view组件之后可能页面的enablePullDownRefresh事件没办法执行了,可以使用自定义的刷新,详情见官方文档:
    https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

    相关文章

      网友评论

          本文标题:微信小程序下拉刷新PullDownRefresh的使用方法

          本文链接:https://www.haomeiwen.com/subject/lubmzrtx.html