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