資訊專欄INFORMATION COLUMN
摘要：頁(yè)面點(diǎn)擊跳轉(zhuǎn)到生命周期頁(yè)頁(yè)面點(diǎn)擊按鈕跳轉(zhuǎn)頁(yè)面獲取當(dāng)前頁(yè)面參數(shù)頁(yè)面顯示切入前臺(tái)時(shí)觸發(fā)。如或底部切換到其他頁(yè)面，小程序切入后臺(tái)等。
onLoad(Object query)
頁(yè)面加載時(shí)觸發(fā)。一個(gè)頁(yè)面只會(huì)調(diào)用一次，可以在 onLoad 的參數(shù)中獲取打開(kāi)當(dāng)前頁(yè)面路徑中的參數(shù)。
可以獲取wx.navigateTo和wx.redirectTo及
//url wxml頁(yè)面
//url頁(yè)面點(diǎn)擊按鈕跳轉(zhuǎn)(js）
clickme:function(){
wx.navigateTo({
url:"../lifeperiod/lifeperiod?id=10086"
})
}
//lifeperiod頁(yè)面獲取當(dāng)前頁(yè)面參數(shù)(js）
onLoad: function (option) {
console.log(option.id)
},
onShow
頁(yè)面顯示/切入前臺(tái)時(shí)觸發(fā)。
//wxml猜猜顯示loveme還是loveweiwei? onShow監(jiān)聽(tīng)頁(yè)面顯示比onReady函數(shù)監(jiān)聽(tīng)頁(yè)面初次渲染完成先調(diào)用{{showme}} //js onReady: function () { console.log("onReady-test") this.setData({ showme: "loveweiwei" }) }, onShow: function () { console.log("onShow-test"); this.setData({ showme: "loveme" }) }
onReady
頁(yè)面初次渲染完成時(shí)觸發(fā)。一個(gè)頁(yè)面只會(huì)調(diào)用一次，代表頁(yè)面已經(jīng)準(zhǔn)備妥當(dāng)，可以和視圖層進(jìn)行交互。
onHide
頁(yè)面隱藏/切入后臺(tái)時(shí)觸發(fā)。 如 navigateTo 或底部 tab 切換到其他頁(yè)面，小程序切入后臺(tái)等。
從url頁(yè)面跳轉(zhuǎn)到lifeperiod頁(yè)面，會(huì)觸發(fā)url頁(yè)面的onHide。
onUnload
頁(yè)面卸載時(shí)觸發(fā)。如redirectTo或navigateBack到其他頁(yè)面時(shí)。
從lifeperiod頁(yè)面返回url頁(yè)面，會(huì)觸發(fā)lifeperiod頁(yè)面的onUnload。
| 路由方式 | 觸發(fā)時(shí)機(jī) | 路由前頁(yè)面 | 路由后頁(yè)面 |
|---|---|---|---|
| 初始化 | 小程序打開(kāi)的第一個(gè)頁(yè)面 | onLoad, onShow | |
| 打開(kāi)新頁(yè)面 | 調(diào)用 API wx.navigateTo 或使用組件 |
onHide | onLoad, onShow |
| 頁(yè)面重定向 | 調(diào)用 API wx.redirectTo 或使用組件 |
onUnload | onLoad, onShow |
| 頁(yè)面返回 | 調(diào)用 API wx.navigateBack 或使用組件 |
onUnload | onShow |
| 重啟動(dòng) | 調(diào)用 API wx.reLaunch 或使用組件 |
onUnload | onLoad, onShow |
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/99042.html
摘要：入口文件繼承自組件基類，它同樣擁有組件生命周期，但因?yàn)槿肟谖募奶厥庑?，他的生命周期并不完整，如。支持組件化開(kāi)發(fā)，組件代碼可以放在任意位置，不過(guò)建議放在下的目錄中。 生命周期 componentWillMount 在微信小程序中這一生命周期方法對(duì)應(yīng)頁(yè)面的onLoad或入口文件app中的onLaunch componentDidMount 在微信小程序中這一生命周期方法對(duì)應(yīng)頁(yè)面的onRe...
摘要：對(duì)微信小程序進(jìn)行全局配置，決定頁(yè)面文件的路徑窗口表現(xiàn)設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間設(shè)置多等。 微信小程序知識(shí)總結(jié)及案例集錦 微信小程序的發(fā)展會(huì)和微信公眾號(hào)一樣，在某個(gè)時(shí)間點(diǎn)爆發(fā) 學(xué)習(xí)路徑 微信小程序最好的教程肯定是官方的文檔啦，點(diǎn)擊這里直達(dá) 微信官方文檔 認(rèn)真跟著文檔看一遍，相信有vue前端經(jīng)驗(yàn)的看下應(yīng)該就能上手了，然后安裝 微信小程序開(kāi)發(fā)者工具 新建一個(gè)quick start項(xiàng)目，了解代碼結(jié)構(gòu)，...
摘要：小程序微信把這個(gè)小程序框架稱為，并聲稱是在微信中開(kāi)發(fā)小程序的框架。在小程序里面，對(duì)應(yīng)的是和，注意雖然模式和很像，但是在形式上算是微信自己開(kāi)發(fā)的一套所以你需要使用他們自己的標(biāo)簽。 這篇文章將圍繞下面幾個(gè)方面： 從開(kāi)發(fā)模式（過(guò)程）上對(duì)比Android和小程序，比較兩種模式的異同 從實(shí)現(xiàn)功能上對(duì)比，主要是看看微信小程序的局限 自己的一些看法，微信的優(yōu)勢(shì) 開(kāi)發(fā)過(guò)程上的對(duì)比 在我看來(lái),開(kāi)發(fā)一...
閱讀 1976·2021-11-24 10:45
閱讀 1465·2021-11-18 13:15
閱讀 4553·2021-09-22 15:47
閱讀 3934·2021-09-09 11:36
閱讀 2017·2019-08-30 15:44
閱讀 3096·2019-08-29 13:05
閱讀 2508·2019-08-29 12:54
閱讀 2001·2019-08-26 13:47
