uni-app支持如下頁面生命週期函數:
onLoad |
監聽頁面加載,其參數爲上個頁面傳遞的數據,參數類型爲object(用於頁面傳參),示例中可參考 |
onShow |
監聽頁面顯示 |
onReady |
監聽頁面初次渲染完成 |
onHide |
監聽頁面隱藏 |
onUnload |
監聽頁面卸載 |
onPullDownRefresh |
監聽用戶下拉動作 |
onReachBottom |
頁面上拉觸底事件的處理函數 |
onShareAppMessage |
用戶點擊右上角分享 微信小程序 |
onPageScroll |
監聽頁面滾動 |
onTabItemTap |
當前是tab頁時,點擊tab觸發 |
使用示例代碼:
<script>
export default {
data: {
title: 'Hello'
},
onLoad:function(options){
console.log("onLoad");
},
onHide:function(){
console.log("onHide");
},
onShow:function(){
console.log("onShow");
}
}
</script>
應用生命週期函數:
函數名 |
說明 |
onLaunch |
當uni-app初始化完成時觸發(全局只觸發一次) |
onShow |
當uni-app啓動,或從後臺進入前臺顯示 |
onHide |
當uni-app從前臺進入後臺 |
onUniNViewMessage |
對nvue頁面發送的數據進行監聽 |