uniapp 下拉刷新和上拉加载更多

uniapp 下拉刷新和上拉加载更多实现代码,兼容小程序,H5,app,真机测试可用。

实现代码

1.在页面写这两方法,分别是下拉刷新和下拉触底的监听事件

		// 下拉刷新
		onPullDownRefresh() {
			console.log('下拉刷新')
			setTimeout(() => {
				console.log('下拉刷新停止')
				uni.stopPullDownRefresh()
			},5500)
		},
		// 上拉加载
		onReachBottom() {
			console.log('上拉加载')
			setTimeout(() => {
				console.log('上拉加载停止')
				uni.stopPullDownRefresh()
			},5500)
		},

2.在pages.json里面的页面配置这个页面的 style 属性,下面的是上拉触底的距离;

代码如下 

                "enablePullDownRefresh": true,
				"onReachBottomDistance":50

相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值