<ul id="yskw2"></ul>

微信小程序頁面生命周期

Alex 發布于2019-08-23 12:50 / 3020人閱讀

摘要：頁面點擊跳轉到生命周期頁頁面點擊按鈕跳轉頁面獲取當前頁面參數頁面顯示切入前臺時觸發。如或底部切換到其他頁面，小程序切入后臺等。

onLoad(Object query)

頁面加載時觸發。一個頁面只會調用一次，可以在 onLoad 的參數中獲取打開當前頁面路徑中的參數。
可以獲取wx.navigateTo和wx.redirectTo及中的 query。

//url wxml頁面


//url頁面點擊按鈕跳轉(js）
clickme:function(){
    wx.navigateTo({
      url:"../lifeperiod/lifeperiod?id=10086"
    })
  }

//lifeperiod頁面獲取當前頁面參數(js）
onLoad: function (option) {
    console.log(option.id)
  },

onShow

頁面顯示/切入前臺時觸發。

//wxml
{{showme}}
//js
onReady: function () {
    console.log("onReady-test")
    this.setData({
      showme: "loveweiwei"
    })
},
onShow: function () {
    console.log("onShow-test");
    this.setData({
      showme: "loveme"
    })
}

猜猜顯示loveme還是loveweiwei?

onShow監聽頁面顯示比onReady函數監聽頁面初次渲染完成先調用

onReady

頁面初次渲染完成時觸發。一個頁面只會調用一次，代表頁面已經準備妥當，可以和視圖層進行交互。

onHide

頁面隱藏/切入后臺時觸發。如 navigateTo 或底部 tab 切換到其他頁面，小程序切入后臺等。
從url頁面跳轉到lifeperiod頁面，會觸發url頁面的onHide。

onUnload

頁面卸載時觸發。如redirectTo或navigateBack到其他頁面時。
從lifeperiod頁面返回url頁面，會觸發lifeperiod頁面的onUnload。

注意：返回url頁面時顯示loveme,是因為onReady為監聽頁面初次渲染完成觸發

路由方式	觸發時機	路由前頁面	路由后頁面
初始化	小程序打開的第一個頁面		onLoad, onShow
打開新頁面	調用 API wx.navigateTo 或使用組件	onHide	onLoad, onShow
頁面重定向	調用 API wx.redirectTo 或使用組件	onUnload	onLoad, onShow
頁面返回	調用 API wx.navigateBack 或使用組件或用戶按左上角返回按鈕	onUnload	onShow
重啟動	調用 API wx.reLaunch 或使用組件	onUnload	onLoad, onShow

GPU云服務器云服務器頁面生命周期應用程序的生命周期應用程序生命周期管理 ios應用程序生命周期

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99042.html

微信小程序Taro開發(2)：生命周期及開發中注意點

摘要：入口文件繼承自組件基類，它同樣擁有組件生命周期，但因為入口文件的特殊性，他的生命周期并不完整，如。支持組件化開發，組件代碼可以放在任意位置，不過建議放在下的目錄中。生命周期 componentWillMount 在微信小程序中這一生命周期方法對應頁面的onLoad或入口文件app中的onLaunch componentDidMount 在微信小程序中這一生命周期方法對應頁面的onRe...

morgan 2019-08-23 14:09 評論0 收藏0
微信小程序知識總結及案例集錦

摘要：對微信小程序進行全局配置，決定頁面文件的路徑窗口表現設置網絡超時時間設置多等。微信小程序知識總結及案例集錦微信小程序的發展會和微信公眾號一樣，在某個時間點爆發學習路徑微信小程序最好的教程肯定是官方的文檔啦，點擊這里直達微信官方文檔認真跟著文檔看一遍，相信有vue前端經驗的看下應該就能上手了，然后安裝微信小程序開發者工具新建一個quick start項目，了解代碼結構，...

sean 2019-08-20 17:45 評論0 收藏0
微信小程序和Android開發對比(上篇)

摘要：小程序微信把這個小程序框架稱為，并聲稱是在微信中開發小程序的框架。在小程序里面，對應的是和，注意雖然模式和很像，但是在形式上算是微信自己開發的一套所以你需要使用他們自己的標簽。這篇文章將圍繞下面幾個方面：從開發模式（過程）上對比Android和小程序，比較兩種模式的異同從實現功能上對比，主要是看看微信小程序的局限自己的一些看法，微信的優勢開發過程上的對比在我看來,開發一...

yy736044583 2019-08-22 10:41 評論0 收藏0