微信小程序中的onLoad詳解及簡單實(shí)例
微信小程序中的onLoad
onLoad是一個(gè)生命周期函數(shù)，表示頁面加載
onLoad默認(rèn)有一個(gè)Object類型的參數(shù)，是指其他頁面打開當(dāng)前頁面所調(diào)用的 query 參數(shù)
舉個(gè)栗子~
當(dāng)我們在頁面first的js腳本中有一個(gè)點(diǎn)擊方法onTap
當(dāng)點(diǎn)擊時(shí)頁面跳轉(zhuǎn)到second頁面，用?id = secondId的形式為second頁面?zhèn)鬟f一個(gè)值（這里的secondId是一個(gè)已經(jīng)獲取過的值）
onTap: function(){
wx.navigateTo({
url: "second?id=" + secondId
})
接著我們在second的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中也沒有id值。最后將first中的url從單引號改為雙引號才得以解決，以為真的是這個(gè)原因，可又改回單引號發(fā)現(xiàn)一樣可以正常運(yùn)行。不知道是哪里的bug，但像這樣改了一下無關(guān)緊要的東西才能正常運(yùn)行的情況我已經(jīng)遇見好幾次了。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要為大家介紹了autojs繪畫實(shí)現(xiàn)六邊形示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要為大家介紹了JSON?Schema概念及使用場景示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了微信小程序 地圖map實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
動(dòng)態(tài)內(nèi)存分配導(dǎo)致影響Javascript性能的問題
今天小編就為大家分享一篇關(guān)于動(dòng)態(tài)內(nèi)存分配導(dǎo)致影響Javascript性能的問題，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-12-12
微信小程序 tabs選項(xiàng)卡效果的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 tabs選項(xiàng)卡效果的實(shí)現(xiàn)的相關(guān)資料,微信小程序內(nèi)部組件沒有Tabs 選項(xiàng)卡的功能，自己實(shí)現(xiàn)個(gè)類似的，需要的朋友可以參考下2017-01-01
微信小程序 向左滑動(dòng)刪除功能的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 向左滑動(dòng)刪除功能的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2017-03-03
微信小程序 合法域名校驗(yàn)出錯(cuò)詳解及解決辦法
這篇文章主要介紹了微信小程序 合法域名校驗(yàn)出錯(cuò)詳解及解決辦法的相關(guān)資料,需要的朋友可以參考下2017-03-03
微信小程序 ecshop地址三級聯(lián)動(dòng)實(shí)現(xiàn)實(shí)例代碼
這篇文章主要介紹了微信小程序 ecshop地址3級聯(lián)動(dòng)實(shí)現(xiàn)實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了微信小程序 九宮格實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01
使用HTTP?Referer實(shí)現(xiàn)圖片防盜圖文示例詳解
這篇文章主要為大家介紹了使用HTTP?Referer實(shí)現(xiàn)圖片防盜圖文示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08