uniapp触底加载反复触底

你遇到了在 Uniapp 中触底加载出现反复触底的问题。这个问题通常是由于触底加载的逻辑没有正确处理导致的。

首先，你需要确保在触底加载之前，已经有一次触底加载完成并且数据成功地加载到页面中。否则，如果触底加载时仍然处于加载状态，可能会导致反复触底的问题。

其次，你需要在触底加载的回调函数中添加一个状态标志，用来判断当前是否正在进行加载操作。当触底加载触发时，首先检查该状态标志，如果正在加载中，则不进行重复加载操作。

例如，在 Vue 中可以使用一个 data 属性来表示加载状态：

data() {
  return {
    loading: false
  }
},

然后，在触底加载的方法中使用该状态标志进行判断：

onReachBottom() {
  if (this.loading) {
    return
  }
  
  // 设置加载状态为 true
  this.loading = true
  
  // 执行触底加载操作
  
  // 加载完成后，将加载状态设置为 false
  this.loading = false
}

这样就可以避免反复触底加载的问题。确保在每次触底加载之前，先检查当前是否正在加载，如果是，则不进行重复加载操作。同时，记得在加载完成后将状态标志设置为 false，以便下次触底加载能够正常进行。

希望这个解决方案对你有帮助！如果还有其他问题，请随时提问。