微信小程序實現(xiàn)頁面跳轉傳遞參數(shù)（實體，對象）
更新時間：2019年08月12日 09:41:19 作者：古加文
這篇文章主要介紹了微信小程序實現(xiàn)頁面跳轉傳遞參數(shù)（實體，對象），文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
首先我們有這么一種需求，就是我在一個列表中點擊了某個item，跳轉到詳情界面，那么我就需要把item的實體數(shù)據(jù)從列表頁面?zhèn)鬟f到詳情頁面，那么我們來看看微信小程序給我們提供的API:
這里大家可以清楚看到api中說到的如何傳遞參數(shù)，其實它這里指的參數(shù)僅僅是一些普通的數(shù)據(jù)類型，我們要傳遞的實體是object類型，那么我們需要先把實體轉成string類型進行傳遞，在詳情頁面接受到在逆向轉成實體，如下面這段示例：
//這里我們跳轉詳情界面
queryItemClick: function (e) {
var that = this
//拿到點擊的index下標
var index = e.currentTarget.dataset.index
//將對象轉為string
var queryBean = JSON.stringify(that.data.queryList[index])
wx.navigateTo({
url: '../queryResult/queryResult?queryBean=' + queryBean,
})
}
這里我們用JSON.stringify()函數(shù)將實體轉成string類型進行傳遞，那么我們在看看接收參數(shù)：
/***重點內容*
* 生命周期函數(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中獲取我們傳遞的實體轉的字符串，然后用JSON.parse（）轉成實體，最后賦值給我們的全局變量。
如果我們想要傳遞Json對象 也可以通過這樣的方式進行傳遞。
以上就是本文的全部內容，此文章為學習小程序記錄，如果能幫到你當然更好，也希望大家多多支持腳本之家。
相關文章
點選TOP后并不是直接跳到頁頂?shù)?，而是滾動上去的...2007-02-02
這篇文章主要介紹了JavaScript面向對象精要(下部),需要的朋友可以參考下2017-09-09
這篇文章主要介紹了JS使用Chrome瀏覽器實現(xiàn)調試線上代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
bootstrap-treeview自定義雙擊事件實現(xiàn)方法
這篇文章主要介紹了bootstrap-treeview自定義事件雙擊事件實現(xiàn)方法,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了Javascript中For In語句用法,實例分析了javascript使用For In語句遍歷數(shù)組的技巧,需要的朋友可以參考下2015-05-05
IE和Firefox在JavaScript應用中的兼容性探討
今天在使用CSS屬性的時候發(fā)現(xiàn)"cursor:hand;"在Firefox中鼠標不會變?yōu)槭中停髞砩暇W(wǎng)搜索了一下資料，發(fā)現(xiàn)hand這個cursor屬性在Firrefox中不兼容，使用"cursor:pointer"就都可以顯示了。2008-04-04
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)敏感信息脫敏,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04
JS使用Expires?max-age判斷緩存過期的瀏覽器實例
這篇文章主要為大家介紹了JS使用Expires?max-age判斷緩存過期的瀏覽器實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
數(shù)組對象是使用單獨的變量名來存儲一系列的值，數(shù)組非常常用，數(shù)組是具有連續(xù)存儲位置的相似類型元素的同質集合。數(shù)組是用戶定義的數(shù)據(jù)類型。數(shù)組是一種數(shù)據(jù)結構,我們在其中存儲相似數(shù)據(jù)類型的元素2022-09-09
本文主要介紹了canvas仿iwatch時鐘效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03