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

2022-10-21  本文已影响0人  hao_developer
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

上一篇下一篇

猜你喜欢

热点阅读