微信小程式中的onLoad的解析

這篇文章主要介紹了微信小程式中的onLoad詳解及簡單實例的相關資料,需要的朋友可以參考下

微信小程式中的onLoad

#onLoad是一個生命週期函數，表示頁面載入

onLoad預設有一個Object類型的參數，是指其他頁面開啟目前頁面所呼叫的query 參數

舉個栗子~

當我們在頁面first的js腳本中有一個點擊方法onTap

當點擊時頁面跳到second頁面，用? id = secondId的形式為second頁面傳遞一個值（這裡的secondId是一個已經取得過的值）

##

onTap: function(){ 
 wx.navigateTo({ 
  url: "second?id=" + secondId 
 })

##接著我們在second的js檔案中接收這個id

這裡的參數option就是我們之前收到的Object參數，這樣我們就可以在second.js中使用這個id值了

Page({ 
 onLoad: function(options){ 
  var secondId = options.id; 
   console.log(postId); 
 } 
})

註：

#我剛開始執行這段程式碼時postId輸出總是undefined，輸出option中也沒有id值。最後將first中的url從單引號改為雙引號才得以解決，以為真的是這個原因，可又改回單引號發現一樣可以正常運作。我不知道是哪裡的bug，但像這樣改了一下無關緊要的東西才能正常運作的情況我已經遇見好幾次了。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

微信小程序 scroll-view實作上拉載入與下拉刷新的實例

微信小程式實作動態設定placeholder提示文字及按鈕選取/取消狀態的方法

以上是微信小程式中的onLoad的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！