微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳遞參數(shù)（實(shí)體，對(duì)象）

更新時(shí)間：2019年08月12日 09:41:19 作者：古加文

這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳遞參數(shù)（實(shí)體，對(duì)象），文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

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

這里寫(xiě)圖片描述

這里大家可以清楚看到api中說(shuō)到的如何傳遞參數(shù)，其實(shí)它這里指的參數(shù)僅僅是一些普通的數(shù)據(jù)類型，我們要傳遞的實(shí)體是object類型，那么我們需要先把實(shí)體轉(zhuǎn)成string類型進(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類型進(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)然更好，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

點(diǎn)選TOP后并不是直接跳到頁(yè)頂?shù)模菨L動(dòng)上去的
點(diǎn)選TOP后并不是直接跳到頁(yè)頂?shù)?，而是滾動(dòng)上去的...
2007-02-02
JavaScript面向?qū)ο缶?下部)
這篇文章主要介紹了JavaScript面向?qū)ο缶?下部),需要的朋友可以參考下
2017-09-09
JS使用Chrome瀏覽器實(shí)現(xiàn)調(diào)試線上代碼
這篇文章主要介紹了JS使用Chrome瀏覽器實(shí)現(xiàn)調(diào)試線上代碼,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07
bootstrap-treeview自定義雙擊事件實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap-treeview自定義事件雙擊事件實(shí)現(xiàn)方法,需要的朋友可以參考下
2016-01-01
Javascript中For In語(yǔ)句用法實(shí)例
這篇文章主要介紹了Javascript中For In語(yǔ)句用法,實(shí)例分析了javascript使用For In語(yǔ)句遍歷數(shù)組的技巧,需要的朋友可以參考下
2015-05-05
IE和Firefox在JavaScript應(yīng)用中的兼容性探討
今天在使用CSS屬性的時(shí)候發(fā)現(xiàn)"cursor:hand;"在Firefox中鼠標(biāo)不會(huì)變?yōu)槭中?，后?lái)上網(wǎng)搜索了一下資料，發(fā)現(xiàn)hand這個(gè)cursor屬性在Firrefox中不兼容，使用"cursor:pointer"就都可以顯示了。
2008-04-04
JavaScript實(shí)現(xiàn)敏感信息脫敏的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)敏感信息脫敏,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-04-04
JS使用Expires?max-age判斷緩存過(guò)期的瀏覽器實(shí)例
這篇文章主要為大家介紹了JS使用Expires?max-age判斷緩存過(guò)期的瀏覽器實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
TypeScript數(shù)組的定義與使用詳解
數(shù)組對(duì)象是使用單獨(dú)的變量名來(lái)存儲(chǔ)一系列的值，數(shù)組非常常用，數(shù)組是具有連續(xù)存儲(chǔ)位置的相似類型元素的同質(zhì)集合。數(shù)組是用戶定義的數(shù)據(jù)類型。數(shù)組是一種數(shù)據(jù)結(jié)構(gòu),我們?cè)谄渲写鎯?chǔ)相似數(shù)據(jù)類型的元素
2022-09-09
canvas仿iwatch時(shí)鐘效果
本文主要介紹了canvas仿iwatch時(shí)鐘效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03