关于uniapp+vue3中onReachBottom不生效的问题! 记录一下排查过程

在使用 uniapp + Vue3 开发项目时，可能会遇到 onReachBottom 事件不触发的问题，明明已经配置了 pages.json，但就是没有效果。今天就来分析一下可能的原因，并给出解决方案。

问题描述

在 pages/index.vue 页面中添加 onReachBottom 监听：

onReachBottom(() => {
  console.log("页面滚动到底部");
});

同时，在 pages.json 中进行了如下配置：

"globalStyle": {
  "onReachBottomDistance": 200,
  "navigationStyle": "custom"
},
{
  "path": "pages/index"
}

但 onReachBottom 事件仍然无法触发，导致页面滚动到底部时没有任何反应。