微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳遞參數(shù)(實(shí)體,對(duì)象)
首先我們有這么一種需求,就是我在一個(gè)列表中點(diǎn)擊了某個(gè)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 //將對(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類型進(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對(duì)象 也可以通過這樣的方式進(jìn)行傳遞。
以上就是本文的全部內(nèi)容,此文章為學(xué)習(xí)小程序記錄,如果能幫到你當(dāng)然更好,也希望大家多多支持腳本之家。
- 微信小程序 動(dòng)態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解
- 微信小程序?qū)崿F(xiàn)傳遞多個(gè)參數(shù)與事件處理
- 微信小程序?qū)W習(xí)筆記之跳轉(zhuǎn)頁面、傳遞參數(shù)獲得數(shù)據(jù)操作圖文詳解
- 微信小程序之頁面跳轉(zhuǎn)和參數(shù)傳遞的實(shí)現(xiàn)
- 微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞(6)
- 微信小程序開發(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)多圖上傳功能全過程
最近在使用uniapp開發(fā)的微信小程序中使用了圖片上傳功能,下面這篇文章主要給大家介紹了關(guān)于利用uni-app和uView實(shí)現(xiàn)多圖上傳功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03微信小程序自定義組件傳值 頁面和組件相互傳數(shù)據(jù)操作示例
這篇文章主要介紹了微信小程序自定義組件傳值 頁面和組件相互傳數(shù)據(jù)操作,結(jié)合實(shí)例形式分析了微信小程序常見傳值操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05關(guān)于onScroll事件在IE6下每次滾動(dòng)觸發(fā)三次bug說明
今天測試發(fā)現(xiàn)IE6下用window.onscroll,每次滾動(dòng)時(shí)會(huì)觸發(fā)3次,而火狐、IE7沒此問題,應(yīng)該是IE6的一個(gè)BUG2011-09-09JavaScript代碼性能優(yōu)化總結(jié)(推薦)
下面小編就為大家?guī)硪黄狫avaScript代碼性能優(yōu)化總結(jié)(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-05-05js中如何對(duì)嵌套數(shù)組進(jìn)行filter過濾
這篇文章主要介紹了js中如何對(duì)嵌套數(shù)組進(jìn)行filter過濾問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06