除了整體應用的生命周期，每一個頁面都有自己的生命周期
我們先來看看代碼

<script>export default {data() {return {title: 'Hello'}},onLoad(optins) {console.log('頁面加載完成',optins);},onShow() {console.log('頁面顯示');},onReady() {console.log("頁面初次顯示完成");},onHide() {console.log("頁面隱藏");},onUnload() {console.log("頁面銷毀");},onPullDownRefresh() {console.log("用戶觸發下拉刷新");uni.stopPullDownRefresh()},onReachBottom(){console.log("頁面滾動到底，加載下一頁");},methods: {experiment() {uni.startPullDownRefresh()}}} </script>

onLoad :頁面加載完成后執行的生命周期函數 會攜帶一個對象類型的參數
里面是上一個頁面跳轉向當前頁面時傳遞的參數，如果沒傳或者是首頁面 則該參數為空

onShow :當頁面被顯示時觸發的生命周期，初次加載頁面，tabBar切換至其他頁面后再切換回當前頁后觸發

onReady :頁面第一次顯示完成時觸發 后面就只會觸發onShow了

onHide :頁面隱藏時觸發 最常見的就是底部tabBar切換到其他頁面時會觸發

onUnload :當前頁面被銷毀時觸發 簡單說就是路由跳走了

onPullDownRefresh :當用戶將頁面向下拉動時觸發
因為這個方法觸發后上面那個旋轉的圖標好久才會消失，我們大可不必浪費這個時間 如果你要讓用戶下拉時刷新數據 那么在刷新完數據后你可以直接調用uni.stopPullDownRefresh()動態圖標就消失了
需要注意的時 如果pages.json給頁面設置的enablePullDownRefresh為false 那么這個生命周期是不會觸發的

然后是是天然的分頁工具 onReachBottom 當頁面滾動到最底部時觸發,當然，如果你的頁面元素高度不夠連滾動條都沒出來那你肯定觸發不到滾動到底部的效果,我們可以通過pages.json給當前頁面的style中的onReachBottomDistance設置數值，例如我們寫

"pages": [ //pages數組中第一項表示應用啟動頁，參考：https://uniapp.dcloud.io/collocation/pages {"path": "pages/index/index","style": {"navigationBarTitleText": "uni-app","onReachBottomDistance":200,"enablePullDownRefresh":true} }],

“onReachBottomDistance”:200, 的意思就是當頁面滾動離底部還有200px時就觸發onReachBottom
我們可以在邏輯運行中直接調用uni.startPullDownRefresh() 這樣就會直接觸發onPullDownRefresh而不需要下拉頁面

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的uni-app单个页面的生命周期函数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。