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

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

