1

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
      })
    },

`


那年
115 声望12 粉丝