微信小程序中的onLoad詳解及簡單實(shí)例

發(fā)布時(shí)間：2020-10-21 02:38:47 來源：腳本之家閱讀：527 作者：HaiJing1995 欄目：web開發(fā)

微信小程序中的onLoad

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

onLoad默認(rèn)有一個(gè)Object類型的參數(shù)，是指其他頁面打開當(dāng)前頁面所調(diào)用的 query 參數(shù)

舉個(gè)栗子~

當(dāng)我們?cè)陧撁鎓irst的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 
 })

接著我們?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中也沒有id值。最后將first中的url從單引號(hào)改為雙引號(hào)才得以解決，以為真的是這個(gè)原因，可又改回單引號(hào)發(fā)現(xiàn)一樣可以正常運(yùn)行。不知道是哪里的bug，但像這樣改了一下無關(guān)緊要的東西才能正常運(yùn)行的情況我已經(jīng)遇見好幾次了。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

向AI問一下細(xì)節(jié)

微信小程序中的onLoad詳解及簡單實(shí)例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽