1.有时候网络请求很慢的时候,可能数据还在路上没有请求完,结果重新进入又请求一遍,就会出现list列表数据重复(其实是请求了两次page=1的数据)
2.解决方案:让后端小哥多返回一个参数page,这个page就是我每次请求他接口传递的page,让他在告诉我我当前请求的是第几页
然后判断,如果当前我请求的是第一页,并且list是有数据的,那么一定就是重复请求了
`
getList () {
this.curId = localStorage.getItem('curId') ? localStorage.getItem('curId') : ''
let that = this
this.$axios(
this.httpTournamentUrl + this.afterurl.tournamentsCheckTeam,
{
id: that.curId,
page: that.page
},
'get'
).then(res => {
that.loading = false;
if (res.data.code == 200 && res.data.data.data.length != 0) {
// 重点这句,判断是不是重复请求了
if (that.passList.length > 0 && res.data.data.page == 1) {
return;
}
//-----end
that.passList.push(...res.data.data.data)
if (res.data.data.data.length == 8) {
that.page = that.page + 1
that.finished = false
} else {
that.finished = true
}
} else {
that.finished = true
}
}).catch((res) => {
that.finished = true
})
},
`
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。