小程序scroll-view组件上拉加载时触底会多次接口，出现重复数据

辉_辉_辉

已于 2022-11-16 12:03:46 修改

阅读量1.2k

点赞数 3

文章标签：小程序微信小程序

于 2022-11-16 11:24:50 首次发布

本文链接：https://blog.csdn.net/m0_58661018/article/details/127881708

版权

今天操作小程序发现一个bug，就是选择分类时会触发两次事件，经过排查，主要原因是分类数据过少导致点击分类时同时也出发了触底事件，导致了两次请求，

处理方式：加个标识属性，具体代码如下

data: {
    DisableTrigger:true //标识
   }，
//触底事件
onReachBottom() {
    if (this.data.DisableTrigger) {
      this.goodsPage()
    }
  },
//数据源事件
goodsPage(){
     this.setData({
          DisableTrigger:false,
        })
    api接口.then(res => {
        this.setData({
          DisableTrigger:true,
        })
    }
}