微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳遞參數(shù)（實(shí)體，對象）

發(fā)布時間：2020-09-19 09:33:08 來源：腳本之家閱讀：458 作者：古加文欄目：web開發(fā)

首先我們有這么一種需求，就是我在一個列表中點(diǎn)擊了某個item，跳轉(zhuǎn)到詳情界面，那么我就需要把item的實(shí)體數(shù)據(jù)從列表頁面?zhèn)鬟f到詳情頁面，那么我們來看看微信小程序給我們提供的API:

這里大家可以清楚看到api中說到的如何傳遞參數(shù)，其實(shí)它這里指的參數(shù)僅僅是一些普通的數(shù)據(jù)類型，我們要傳遞的實(shí)體是object類型，那么我們需要先把實(shí)體轉(zhuǎn)成string類型進(jìn)行傳遞，在詳情頁面接受到在逆向轉(zhuǎn)成實(shí)體，如下面這段示例：

//這里我們跳轉(zhuǎn)詳情界面
queryItemClick: function (e) {
  var that = this
  //拿到點(diǎn)擊的index下標(biāo)
  var index = e.currentTarget.dataset.index
  //將對象轉(zhuǎn)為string
  var queryBean = JSON.stringify(that.data.queryList[index])
  wx.navigateTo({
   url: '../queryResult/queryResult?queryBean=' + queryBean,
  })
 }

這里我們用JSON.stringify()函數(shù)將實(shí)體轉(zhuǎn)成string類型進(jìn)行傳遞，那么我們在看看接收參數(shù)：

/***重點(diǎn)內(nèi)容*
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function (options) {
  var that=this
  var queryBean = JSON.parse(options.queryBean);
  that.setData({
   queryBean: queryBean
  })
  //console.log(that.data.queryBean)
 }

這里我們在生命周期函數(shù)onLoad中獲取我們傳遞的實(shí)體轉(zhuǎn)的字符串，然后用JSON.parse（）轉(zhuǎn)成實(shí)體，最后賦值給我們的全局變量。

如果我們想要傳遞Json對象也可以通過這樣的方式進(jìn)行傳遞。

以上就是本文的全部內(nèi)容，此文章為學(xué)習(xí)小程序記錄，如果能幫到你當(dāng)然更好，也希望大家多多支持億速云。

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

微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳遞參數(shù)（實(shí)體，對象）

猜你喜歡

最新資訊

相關(guān)推薦

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