取消接口请求abort()

40 篇文章 1 订阅
38 篇文章 6 订阅

使用场景

  • bug: tab切换,当点击tab2时,由于接口反应比较慢,在数据返回之前切换tab,会造成tab2的数据会拼接在切换后的tab列表下面
  • 解决方法:在tab切换时,取消未完成的接口请求
			getList() {
				this.status == 'loading'
				// 用一个变量接受请求
				this.req = uni.request({
					url: baseUrl + '/api/userOrder',
					data: {
						page: this.page,
						order_status: this.tab == 0 ? 0 : this.tab == 1 ? 3 : -1
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
						'Authorization': uni.getStorageSync('token') || ''
					},
					method: "get",
					success: (res) => {
						let data = res.data.data
						if (data.length < 10) {
							this.status = 'nomore'
						} else {
							this.status = 'loadmore'
						}
						this.list = this.list.concat(data)
						uni.stopPullDownRefresh();
					},
				})
			},
			change(index) {
				this.req.abort()  //tab切换时取消上次接口请求
				this.tab = index;
				this.page = 1
				this.status = 'loadmore',
				this.list = []
				this.getList()
			},
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

小曲曲

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

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

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

打赏作者

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

抵扣说明:

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

余额充值