vue,uni-app 生命周期鈎子函數


vue 生命周期函數:

  • beforeCreate
  • created
  • beforeMount
  • mounted
  • beforeUpdate
  • updated
  • beforeDestroy
  • destroyed

 

uni-app 生命周期函數

應用生命周期

函數名 說明
onLaunch uni-app 初始化完成時觸發(全局只觸發一次)
onShow 當 uni-app 啟動,或從后台進入前台顯示
onHide 當 uni-app 從前台進入后台
onUniNViewMessage 對 nvue 頁面發送的數據進行監聽,可參考 nvue 向 vue 通訊

注意

  • 應用生命周期僅可在App.vue中監聽,在其它頁面監聽無效。

 

頁面生命周期

uni-app 支持如下頁面生命周期函數:

函數名 說明 平台差異說明 最低版本
onLoad 監聽頁面加載,其參數為上個頁面傳遞的數據,參數類型為Object(用於頁面傳參),參考示例    
onShow 監聽頁面顯示。頁面每次出現在屏幕上都觸發,包括從下級頁面點返回露出當前頁面    
onReady 監聽頁面初次渲染完成。注意如果渲染速度快,會在頁面進入動畫完成前觸發    
onHide 監聽頁面隱藏    
onUnload 監聽頁面卸載    
onResize 監聽窗口尺寸變化 5+App、微信小程序  
onPullDownRefresh 監聽用戶下拉動作,一般用於下拉刷新,參考示例    
onReachBottom 頁面滾動到底部的事件(不是scroll-view滾到底),常用於下拉下一頁數據。具體見下方注意事項    
onTabItemTap 點擊 tab 時觸發,參數為Object,具體見下方注意事項 微信小程序、百度小程序、H5、5+App(自定義組件模式)  
onShareAppMessage 用戶點擊右上角分享 微信小程序、百度小程序、頭條小程序、支付寶小程序  
onPageScroll 監聽頁面滾動,參數為Object    
onNavigationBarButtonTap 監聽原生標題欄按鈕點擊事件,參數為Object 5+ App、H5  
onBackPress 監聽頁面返回,返回 event = {from:backbutton、 navigateBack} ,backbutton 表示來源是左上角返回按鈕或 android 返回鍵;navigateBack表示來源是 uni.navigateBack ;詳細說明及使用:onBackPress 詳解 5+App、H5  
onNavigationBarSearchInputChanged 監聽原生標題欄搜索輸入框輸入內容變化事件 5+App、H5 1.6.0
onNavigationBarSearchInputConfirmed 監聽原生標題欄搜索輸入框搜索事件,用戶點擊軟鍵盤上的“搜索”按鈕時觸發。 5+App、H5 1.6.0
onNavigationBarSearchInputClicked 監聽原生標題欄搜索輸入框點擊事件 5+App、H5 1.6.0


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM