首页uniapp 小程序页面离开生命周期

uniapp 小程序页面离开生命周期

时间: 2025-03-13 13:03:25 浏览: 120

### UniApp 小程序页面离开时的生命周期函数在 UniApp 中，当页面即将被关闭或者切换到其他页面而隐藏时，会触发特定的生命周期函数。以下是关于 `onUnload` 和 `onHide` 函数的具体说明： #### 1. **onUnload** 该函数用于监听页面卸载事件，在当前页面完全关闭并销毁时调用。此阶段适合清理资源、保存数据或记录日志等操作。 ```javascript export default { onUnload() { console.log('Page is unloading, resources can be cleaned up here.'); } } ``` 这一生命周期函数通常发生在用户主动关闭页面或将要跳转至新页面的情况下[^1]。 #### 2. **onHide** `onHide` 是用来监听页面进入后台状态的回调函数。它会在页面由前台转入后台（例如点击返回键、切换到另一个应用或其他页面）时触发。 ```javascript export default { onHide() { console.log('The page has been hidden and moved to the background.'); } } ``` 需要注意的是，如果只是暂时隐藏而非彻底退出，则不会立即释放内存中的相关内容；只有真正销毁页面才会涉及更多深层处理逻辑[^3]。综上所述，对于希望捕获用户何时离开当前界面的需求来说，“页面离开”的概念可以通过上述两个重要钩子来实现——分别针对永久性消失(`onUnload`)以及临时不可见情况下的响应机制设计(onHide)[^2]。 ```javascript <script> export default { onUnload() { console.log('onUnload triggered when the page is about to close or destroy.'); }, onHide() { console.log('onHide called as soon as this page goes into background mode.'); } }; </script> ```

阅读全文