uni-app 页面触底报错API `$emit` is not yet implemented

在 uni-app 中，如果你在页面触底时使用 $emit 方法，并且遇到报错提示 API $emit is not yet implemented，这通常是因为 $emit 方法在当前上下文中不可用或未正确实现。

可能的原因和解决方案：

1. $emit 的使用场景不正确：

   • $emit 是 Vue.js 中用于子组件向父组件传递事件的方法。如果你在页面触底时直接使用 $emit，可能会导致错误，因为页面本身并不是一个组件，无法直接使用 $emit。
   • 解决方案：如果你需要在页面触底时触发某个事件，可以考虑使用其他方式，比如直接调用方法或使用全局事件总线。

2. 页面触底事件的正确使用：

   • 在 uni-app 中，页面触底事件通常是通过 onReachBottom 生命周期钩子来处理的。
   • 示例代码：

     export default {
       onReachBottom() {
         console.log('页面触底了');
         // 在这里处理触底逻辑，比如加载更多数据
         this.loadMoreData();
       },
       methods: {
         loadMoreData() {
           // 加载更多数据的逻辑
         }
       }
     }

3. 组件间通信：

   • 如果你确实需要在页面触底时通知父组件，可以考虑使用 uni.$emit 和 uni.$on 来实现全局事件通信。
   • 示例代码：

     // 在页面触底时触发全局事件
     export default {
       onReachBottom() {
         uni.$emit('pageReachBottom', { message: '页面触底了' });
       }
     }
     
     // 在父组件中监听事件
     export default {
       created() {
         uni.$on('pageReachBottom', this.handlePageReachBottom);
       },
       methods: {
         handlePageReachBottom(data) {
           console.log(data.message);
           // 处理触底逻辑
         }
       },
       beforeDestroy() {
         uni.$off('pageReachBottom', this.handlePageReachBottom);
       }
     }