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