uni-app 3.2.15版本 onReachBottom事件无限触发问题

uni-app 3.2.15版本 onReachBottom事件无限触发问题

操作步骤：

  • 3.2.15 onReachBottom无限触发，导致一直翻页 安卓会苹果不会

预期结果：

  • 3.2.15 onReachBottom无限触发，导致一直翻页 安卓会苹果不会

实际结果：

  • 3.2.15 onReachBottom无限触发，导致一直翻页 安卓会苹果不会

bug描述：

  • 3.2.15 onReachBottom无限触发，导致一直翻页 安卓会苹果不会
开发环境 版本号 项目创建方式
Windows 7 HBuilderX
uniapp/App 3.2.15
Android Android 10
Xiaomi red mi 10x 5G
vue vue2

更多关于uni-app 3.2.15版本 onReachBottom事件无限触发问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

更新HBX，再试试看，有可能官方修复了

更多关于uni-app 3.2.15版本 onReachBottom事件无限触发问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


一更新又其他bug，不敢轻易更新呀

这是一个已知的uni-app 3.2.15版本在Android平台上的兼容性问题。onReachBottom事件会无限触发，导致页面不断加载。

建议解决方案：

  1. 临时方案：在onReachBottom处理函数中添加节流逻辑，比如设置一个loading状态变量
  2. 升级到uni-app最新稳定版本，该问题在后续版本已修复
  3. 检查页面布局，确保滚动容器高度计算正确

对于vue2项目，可以这样处理：

data() {
  return {
    loading: false
  }
},
methods: {
  onReachBottom() {
    if(this.loading) return;
    this.loading = true;
    // 加载数据逻辑
    this.loadData().finally(() => {
      this.loading = false;
    });
  }
}
回到顶部