微信小程序中的onLoad詳解及簡單實(shí)例
更新時間：2017年04月05日 15:18:57 作者：HaiJing1995
這篇文章主要介紹了微信小程序中的onLoad詳解及簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下
微信小程序中的onLoad
onLoad是一個生命周期函數(shù)，表示頁面加載
onLoad默認(rèn)有一個Object類型的參數(shù)，是指其他頁面打開當(dāng)前頁面所調(diào)用的 query 參數(shù)
舉個栗子~
當(dāng)我們在頁面first的js腳本中有一個點(diǎn)擊方法onTap
當(dāng)點(diǎn)擊時頁面跳轉(zhuǎn)到second頁面，用?id = secondId的形式為second頁面?zhèn)鬟f一個值（這里的secondId是一個已經(jīng)獲取過的值）
onTap: function(){
wx.navigateTo({
url: "second?id=" + secondId
})
接著我們在second的js文件中接收這個id
這里的參數(shù)option就是我們之前收到的Object參數(shù)，這樣我們就可以在second.js中使用這個id值了
Page({
onLoad: function(options){
var secondId = options.id;
console.log(postId);
}
})
注：
我在剛開始運(yùn)行這段代碼時postId輸出始終為undefined，輸出option中也沒有id值。最后將first中的url從單引號改為雙引號才得以解決，以為真的是這個原因，可又改回單引號發(fā)現(xiàn)一樣可以正常運(yùn)行。不知道是哪里的bug，但像這樣改了一下無關(guān)緊要的東西才能正常運(yùn)行的情況我已經(jīng)遇見好幾次了。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要介紹了微信小程序 SocketIO 的相關(guān)資料,這里給大家提供了一個簡單實(shí)例，需要的朋友可以參考下2016-10-10
微信小程序 picker-view 組件詳解及簡單實(shí)例
這篇文章主要介紹了微信小程序 picker-view 組件詳解及簡單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
微信小程序 wxapp導(dǎo)航 navigator詳解
這篇文章主要介紹了微信小程序 wxapp導(dǎo)航 navigator詳解的相關(guān)資料,并附簡單實(shí)例代碼，需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了JavaScript代碼優(yōu)化技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了Java開發(fā) 富文本編輯器TinyMCE詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了微信小程序 生命周期函數(shù)的相關(guān)資料,需要的朋友可以參考下2017-05-05
ResizeObserver 監(jiān)視 DOM大小變化示例詳解
這篇文章主要為大家介紹了ResizeObserver 監(jiān)視 DOM大小變化示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
微信小程序 常見問題總結(jié)（4058，40013）及解決辦法
這篇文章主要介紹了微信小程序 常見問題總結(jié)及解決辦法的相關(guān)資料,這里首先對微信小程序的結(jié)構(gòu)進(jìn)行了介紹，然后對常見問題進(jìn)行說明講解，需要的朋友可以參考下2017-01-01
這篇文章主要介紹了在JavaScript實(shí)例對象中改寫原型方法的一下相關(guān)資料,需要的效果版可以參考一下文章詳細(xì)內(nèi)容，希望對你有所幫助2021-10-10
這篇文章主要為大家介紹了js解決移動端滾動穿透問題方案詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07