微信小程式----頁面生命週期
阿新 • • 發佈:2019-02-12
頁面生命週期函式
- onLoad—-監聽頁面載入
- onReady—-監聽頁面初次渲染完成
- onShow—-監聽頁面顯示
- onHide—-監聽頁面隱藏
- onUnload—-監聽頁面解除安裝
Page({
/**
* 頁面的初始資料
*/
data: {
banner_url:data.bannerList(),
open:false
},
/**
* 生命週期函式--監聽頁面載入
*/
onLoad: function (options) {
console.log("==onLoad==");
},
/**
* 生命週期函式--監聽頁面初次渲染完成
*/
onReady: function () {
console.log("==onReady==");
},
/**
* 生命週期函式--監聽頁面顯示
*/
onShow: function () {
console.log("==onShow==");
},
/**
* 生命週期函式--監聽頁面隱藏
*/
onHide: function () {
console.log("==onHide==");
},
/**
* 生命週期函式--監聽頁面解除安裝
*/
onUnload: function () {
console.log("==onUnload==" );
}
})
進入首頁觸發的函式
進入和離開blog頁面的觸發函式
總結:
1. 在離開首頁進入詳情頁面的時候採用的是onHide函式—-只是將頁面隱藏,當我們回到首頁的時候直接用onShow顯示就好;
2. 在離開詳情頁面的時候採用的是onUnload函式—-此處是將頁面解除安裝,所以下次進入詳情頁面的時候,我們需要將頁面再次(載入—-顯示—-渲染)
3. 以上情況是在不設定open-type的情況,如果open-type=”redirect”,那麼在離開首頁的時候就會觸發onUnload,從而不能再返回首頁。
詳情參考:微信小程式元件的navigator