微信小程序中的onLoad怎么使用

本篇內(nèi)容主要講解“微信小程序中的onLoad怎么使用”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“微信小程序中的onLoad怎么使用”吧!

微信小程序中的onLoad

onLoad是一個(gè)生命周期函數(shù)，表示頁(yè)面加載

onLoad默認(rèn)有一個(gè)Object類(lèi)型的參數(shù)，是指其他頁(yè)面打開(kāi)當(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); 
 } 
})

注：

我在剛開(kāi)始運(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ì)“微信小程序中的onLoad怎么使用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！