微信小程序--下拉刷新
原创
©著作权归作者所有:来自51CTO博客作者海轰Pro的原创作品,请联系作者获取转载授权,否则将追究法律责任
实现微信小程序下拉刷新
步骤一
json文件配置(若需要全局配置,则在app.json 反正就配置本界面得到json即可)
{
"enablePullDownRefresh": true,
"backgroundTextStyle": "dark"
}
注意:
enablePullDownRefresh:允许下拉刷新
backgroundTextStyle:刷新动画中那个点的颜色(ios) 值可以为dark、light
步骤二
js文件配置
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
// 下面填写需要下拉时的函数 自己定
var k = this
wx.showToast({
title: '刷新中',
icon: 'loading',
duration: 500
})
// 下拉刷新 调用onload函数
k.onLoad()
// 注意现在需要使用停止函数停止刷新
wx.stopPullDownRefresh()
},
注意:很多人配置了json,但是onPullDownRefresh函数还是不执行?
这里很有可能是你又写了一个onPullDownRefresh函数,覆盖了原来的函数
这是因为js文件中一般是会有onPullDownRefresh函数的,我们只需要找到即可。