uni-app官方文檔頁面生命周期部分位于頁面 | uni-app官網。

本篇再介紹2個生命周期

1.onUnload：用于監聽頁面卸載。

當頁面被關閉時，即頁面的緩存被清掉時觸發加載onUnload函數。

例如:在demo6頁面點擊跳轉到demo4，在demo4頁面回退不了到demo6，此時demo6頁面被關閉了會觸發onUnload函數。如下面兩張圖，上圖不會觸發onUnload，下圖會觸發onUnload

如何做到銷毀之前的頁面，不能回退到之前的頁面呢？主要是通過在navigator組件里設置參數open-type，下面來看下，都可以設置哪些參數值：

?當open-type屬性被設置為reLaunch值時，會關閉所有頁面，打開應用內某個頁面。

示例代碼：

<view><navigator open-type="reLaunch" url="/pages/demo4/demo4">跳轉到demo4</navigator>
</view>

2. onPageScroll：監聽頁面滾動

onPageScroll用于監聽頁面滾動，參數為Object。

小示例：

onPageScroll((e)=>{console.log(e.scrollTop)fixed.value = e.scrollTop>300 ? true :false
})

?上面的代碼實現，當滾動到300時，控制某一區塊的顯示與隱藏。效果如下圖所示：

注意：onPageScroll在nvue是不受支持的。