uni-app nuve 预加载页面tabbar切换不触发onshow

在 nvue 页面中，由于渲染机制与 vue 页面不同，预加载的页面在 tabbar 切换时确实可能不会触发 onShow 生命周期。这是因为 nvue 页面基于原生渲染，页面实例在预加载后可能处于“保持”状态，而非完全隐藏/显示。

原因分析：

1. nvue 页面在首次加载后，如果被预加载，切换 tab 时页面实例可能未被销毁，因此不会重新触发 onShow。
2. 原生渲染层对页面生命周期的管理策略与 vue 页面不同，尤其涉及预加载时，onShow 可能仅在初次进入时触发。

解决方案：

1. 使用 onTabItemTap 监听
   在页面中监听 onTabItemTap 生命周期，该事件在点击 tabbar 时触发，可在此执行原本放在 onShow 中的逻辑。

   onTabItemTap(item) {
     console.log('tab 切换', item)
     // 执行数据刷新等操作
   }
   

2. 通过全局事件通信
   使用 uni.$emit 和 uni.$on 在 tabbar 切换时跨页面通知。

   • 在 tabbar 页面切换时触发全局事件：

     // 在 app.vue 或公共模块监听 tabbar 切换
     uni.onTabBarMidButtonTap(() => {
       uni.$emit('tabChange')
     })
     

   • 在目标页面监听事件：

     uni.$on('tabChange', () => {
       // 执行刷新逻辑
     })