上拉刷新 下拉抵触

这段代码展示了在uni-app中实现下拉刷新和上拉加载的方法。`onPullDownRefresh`函数用于处理下拉刷新事件,重置页码并清空商品列表,然后重新初始化数据并设置延迟停止下拉刷新的计时器。`onReachBottom`函数处理上拉加载更多事件,调用`init`方法加载更多数据。在`init`方法中,发送POST请求获取商品列表,并更新页码,处理返回的数据并将其追加到商品列表。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

	onPullDownRefresh() {
		      this.page = 1;
		      this.shopList = []
		      this.init()
		       setTimeout(function () {
		           uni.stopPullDownRefresh();
		       }, 1000);
		},
		onReachBottom() {
			let that = this;
			
			that.init();
		},
	methods: {



			init() {
				let _this = this
				uni.request({
					url: this.global.url + '/api/task/merchant',
					method: 'POST',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						page: _this.page,
						token: uni.getStorageSync('token').token
					},
					success: (res) => {
						let list = res.data.data.data;
						if (list.length) {
							_this.page += 1;
							for (let a in list) {
								list[a].avatar = _this.global.url + list[a].avatar
								_this.shopList.push(list[a])
							}
							console.log(this.shopList)
						}
					}
				})
			},
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呱嗨喵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值