【微信小程序】下拉刷新事件

最新推荐文章于 2024-08-12 11:07:58 发布

zwj、

最新推荐文章于 2024-08-12 11:07:58 发布

阅读量188

点赞数

文章标签：小程序 javascript

本文链接：https://blog.csdn.net/twisted_/article/details/120456525

版权

本文详细介绍了小程序中实现下拉刷新的功能，包括全局和局部开启下拉刷新的配置方法，以及如何设置刷新部分的背景色和loading样式。同时，讲解了页面事件处理函数onPullDownRefresh的使用，强调了在完成刷新操作后需要手动调用wx.stopPullDownRefresh来关闭下拉刷新效果。

摘要由CSDN通过智能技术生成

下拉刷新

手指在屏幕上的下拉活动操作重新加载页面数据的行为

全局开启
app.json

{
	"window":{
		"enablePullDownRefresh" : true
	}
}

局部开启
在页面的.json配置文件中设置

{
  "usingComponents": {},
  "enablePullDownRefresh" : true
}

/ ===============================================
下拉刷新时 能显示的刷新部分窗口的背景色
	"backgroundColor" : "16进制颜色"

下拉loading小圆点的样式 仅支持 dark / light
	"backgroundTextStyle" : "dark / light"
	
是否全局开启下拉刷新 默认false 会作用于每个小程序页面
	"enablePullDownRefresh" : Boolean

页面相关事件处理函数
下拉刷新的效果不会主动消失所以需要手动设置

Page({
	data:{},
	// 监听用户下拉动作
	onPullDownRefresh(){
		// coding
		
		// 关闭下拉刷新的效果
	 	wx.stopPullDownRefresh({
	      success: (res) => {},
    	})
	}
})