微信小程序下拉刷新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