1. 程式人生 > >微信小程式----頁面生命週期

微信小程式----頁面生命週期

頁面生命週期函式

  1. onLoad—-監聽頁面載入
  2. onReady—-監聽頁面初次渲染完成
  3. onShow—-監聽頁面顯示
  4. onHide—-監聽頁面隱藏
  5. 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

其他

遊戲列表