前言

你可以理解為：攜帶一個(gè) 復(fù)雜對(duì)象數(shù)據(jù) 參數(shù)，實(shí)現(xiàn)跳轉(zhuǎn)頁(yè)接收。

在微信小程序，使用 wx.navigateTo({}) API 攜帶參數(shù)跳轉(zhuǎn)頁(yè)面很常見，但是今天有一個(gè)需求，需要攜帶一個(gè)復(fù)雜的數(shù)據(jù)，它是一個(gè)數(shù)組，里面嵌套了 N 個(gè)對(duì)象，對(duì)象里還有數(shù)組。

解決方案

使用 JSON 對(duì)象的兩個(gè)方法：

1. JSON.strtingify：將 object 轉(zhuǎn)化為字符串
2. JSON.parse：將字符串解析為 object。

/*
* [發(fā)送參數(shù)]
* 將對(duì)象解析為字符串
*/

wx.navigateTo({
     url: '/pages/index?data=' + JSON.stringify(object),
})

/*
* [接收參數(shù)]
* 將字符串解析為對(duì)象
*/

this.setData({
	data: JSON.parse(options.data)
})

注意事項(xiàng)

您需要格外注意 第一條 ，如果有圖像鏈接，那么必定觸發(fā)了，請(qǐng)按照教程解決。

1. 如果轉(zhuǎn)化的字符串中 有 "?"，"&"或"=" 等這樣的符號(hào)，則只會(huì)傳遞符號(hào)以前的字符串，符號(hào)后面數(shù)據(jù)會(huì)被丟失，這個(gè)問(wèn)題我猜想可能是小程序內(nèi)部的路由處理 對(duì)這些符號(hào)敏感吧。所以有時(shí)候這里可以先用 encodeURIComponent() 進(jìn)行轉(zhuǎn)碼，在目標(biāo)頁(yè)面再用 decodeURIComponent() 解碼，這樣就可以避免數(shù)據(jù)丟失了。如果你看不懂，請(qǐng)?jiān)L問(wèn) 詳細(xì)代碼教程！
2. 不要將參數(shù) object 先使用變量存起來(lái)然后進(jìn)行傳遞，這樣寫接收的時(shí)候可能無(wú)法解析成功。