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