# 頁面生命周期 ## 官方文檔： https://uniapp.dcloud.io/tutorial/page.html#lifecycle ## 頁面 生命周期 ## `uni-app`支持如下頁面生命周期函數： | 函數名 | 說明 | 平臺差異說明 | 最低版本 | | --- | --- | --- | --- | | onInit | 監聽頁面初始化，其參數同 onLoad 參數，為上個頁面傳遞的數據，參數類型為 Object（用于頁面傳參），觸發時機早于 onLoad | 百度小程序 | 3.1.0+ | | onLoad | 監聽頁面加載，其參數為上個頁面傳遞的數據，參數類型為 Object（用于頁面傳參），參考[示例](https://uniapp.dcloud.io/api/router#navigateto) | | | | onShow | 監聽頁面顯示。頁面每次出現在屏幕上都觸發，包括從下級頁面點返回露出當前頁面 | | | | onReady | 監聽頁面初次渲染完成。注意如果渲染速度快，會在頁面進入動畫完成前觸發 | | | | onHide | 監聽頁面隱藏 | | | | onUnload | 監聽頁面卸載 | | | | onResize | 監聽窗口尺寸變化 | App、微信小程序、快手小程序 | | | onPullDownRefresh | 監聽用戶下拉動作，一般用于下拉刷新，參考[示例](https://uniapp.dcloud.io/api/ui/pulldown) | | | | onReachBottom | 頁面滾動到底部的事件（不是scroll-view滾到底），常用于下拉下一頁數據。具體見下方注意事項 | | | | onTabItemTap | 點擊 tab 時觸發，參數為Object，具體見下方注意事項 | 微信小程序、QQ小程序、支付寶小程序、百度小程序、H5、App、快手小程序、京東小程序 | | | onShareAppMessage | 用戶點擊右上角分享 | 微信小程序、QQ小程序、支付寶小程序、字節小程序、飛書小程序、快手小程序、京東小程序 | | | onPageScroll | 監聽頁面滾動，參數為Object | nvue暫不支持 | | | onNavigationBarButtonTap | 監聽原生標題欄按鈕點擊事件，參數為Object | App、H5 | | | onBackPress | 監聽頁面返回，返回 event = {from:backbutton、 navigateBack} ，backbutton 表示來源是左上角返回按鈕或 android 返回鍵；navigateBack表示來源是 uni.navigateBack ；詳細說明及使用：[onBackPress 詳解(opens new window)](http://ask.dcloud.net.cn/article/35120)。支付寶小程序只有真機能觸發，只能監聽非navigateBack引起的返回，不可阻止默認行為。 | app、H5、支付寶小程序 | | | onNavigationBarSearchInputChanged | 監聽原生標題欄搜索輸入框輸入內容變化事件 | App、H5 | 1.6.0 | | onNavigationBarSearchInputConfirmed | 監聽原生標題欄搜索輸入框搜索事件，用戶點擊軟鍵盤上的“搜索”按鈕時觸發。 | App、H5 | 1.6.0 | | onNavigationBarSearchInputClicked | 監聽原生標題欄搜索輸入框點擊事件（pages.json 中的 searchInput 配置 disabled 為 true 時才會觸發） | App、H5 | 1.6.0 | | onShareTimeline | 監聽用戶點擊右上角轉發到朋友圈 | 微信小程序 | 2.8.1+ | | onAddToFavorites | 監聽用戶點擊右上角收藏 | 微信小程序 | 2.8.1+ |