微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳遞參數(shù)(實(shí)體,對(duì)象)
首先我們有這么一種需求,就是我在一個(gè)列表中點(diǎn)擊了某個(gè)item,跳轉(zhuǎn)到詳情界面,那么我就需要把item的實(shí)體數(shù)據(jù)從列表頁(yè)面?zhèn)鬟f到詳情頁(yè)面,那么我們來(lái)看看微信小程序給我們提供的API:

這里大家可以清楚看到api中說(shuō)到的如何傳遞參數(shù),其實(shí)它這里指的參數(shù)僅僅是一些普通的數(shù)據(jù)類(lèi)型,我們要傳遞的實(shí)體是object類(lèi)型,那么我們需要先把實(shí)體轉(zhuǎn)成string類(lèi)型進(jìn)行傳遞,在詳情頁(yè)面接受到在逆向轉(zhuǎn)成實(shí)體,如下面這段示例:
//這里我們跳轉(zhuǎn)詳情界面
queryItemClick: function (e) {
var that = this
//拿到點(diǎn)擊的index下標(biāo)
var index = e.currentTarget.dataset.index
//將對(duì)象轉(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類(lèi)型進(jìn)行傳遞,那么我們?cè)诳纯唇邮諈?shù):
/***重點(diǎn)內(nèi)容*
* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
*/
onLoad: function (options) {
var that=this
var queryBean = JSON.parse(options.queryBean);
that.setData({
queryBean: queryBean
})
//console.log(that.data.queryBean)
}
這里我們?cè)谏芷诤瘮?shù)onLoad中獲取我們傳遞的實(shí)體轉(zhuǎn)的字符串,然后用JSON.parse()轉(zhuǎn)成實(shí)體,最后賦值給我們的全局變量。
如果我們想要傳遞Json對(duì)象 也可以通過(guò)這樣的方式進(jìn)行傳遞。
以上就是本文的全部?jī)?nèi)容,此文章為學(xué)習(xí)小程序記錄,如果能幫到你當(dāng)然更好,也希望大家多多支持腳本之家。
- 微信小程序 動(dòng)態(tài)修改頁(yè)面數(shù)據(jù)及參數(shù)傳遞過(guò)程詳解
- 微信小程序?qū)崿F(xiàn)傳遞多個(gè)參數(shù)與事件處理
- 微信小程序?qū)W習(xí)筆記之跳轉(zhuǎn)頁(yè)面、傳遞參數(shù)獲得數(shù)據(jù)操作圖文詳解
- 微信小程序之頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞的實(shí)現(xiàn)
- 微信小程序教程系列之頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞(6)
- 微信小程序開(kāi)發(fā)之?dāng)?shù)據(jù)存儲(chǔ) 參數(shù)傳遞 數(shù)據(jù)緩存
- 微信小程序 navigator 跳轉(zhuǎn)url傳遞參數(shù)
- 微信小程序之間的參數(shù)傳遞、獲取的操作方法
相關(guān)文章
Echarts基本用法_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了Echarts基本用法,詳解的介紹了Echarts的基本用法和實(shí)例,有興趣的可以了解一下2017-08-08
利用uni-app和uView實(shí)現(xiàn)多圖上傳功能全過(guò)程
最近在使用uniapp開(kāi)發(fā)的微信小程序中使用了圖片上傳功能,下面這篇文章主要給大家介紹了關(guān)于利用uni-app和uView實(shí)現(xiàn)多圖上傳功能的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
微信小程序自定義組件傳值 頁(yè)面和組件相互傳數(shù)據(jù)操作示例
這篇文章主要介紹了微信小程序自定義組件傳值 頁(yè)面和組件相互傳數(shù)據(jù)操作,結(jié)合實(shí)例形式分析了微信小程序常見(jiàn)傳值操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05
關(guān)于onScroll事件在IE6下每次滾動(dòng)觸發(fā)三次bug說(shuō)明
今天測(cè)試發(fā)現(xiàn)IE6下用window.onscroll,每次滾動(dòng)時(shí)會(huì)觸發(fā)3次,而火狐、IE7沒(méi)此問(wèn)題,應(yīng)該是IE6的一個(gè)BUG2011-09-09
JavaScript代碼性能優(yōu)化總結(jié)(推薦)
下面小編就為大家?guī)?lái)一篇JavaScript代碼性能優(yōu)化總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-05-05
JavaScript操作元素教你改變頁(yè)面內(nèi)容樣式
這篇文章主要為大家介紹了JavaScript操作元素,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2021-11-11
js中如何對(duì)嵌套數(shù)組進(jìn)行filter過(guò)濾
這篇文章主要介紹了js中如何對(duì)嵌套數(shù)組進(jìn)行filter過(guò)濾問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06

