微信小程序中不同頁(yè)面?zhèn)鬟f參數(shù)的操作方法
在開發(fā)項(xiàng)目中,避免不了不同頁(yè)面之間傳遞數(shù)據(jù)等,那么就需要進(jìn)行不同頁(yè)面之間的一個(gè)數(shù)據(jù)傳遞
直接傳遞一個(gè)對(duì)象時(shí):
頁(yè)面A
gotoDetail(e){ const music = e.currentTarget.dataset.music; // 在小程序中,不同頁(yè)面之間如何進(jìn)行參數(shù)傳遞? // 既然不能傳遞對(duì)象,所以需要將對(duì)象進(jìn)行類型轉(zhuǎn)換 // encodeURIComponent : 將內(nèi)容轉(zhuǎn)換為編碼 wx.navigateTo({ url: "/pages/songDetail/songDetail?music=" + encodeURIComponent(JSON.stringify(music)), }); },
頁(yè)面B
Page({ data:{}, onLoad(options) { console.log( JSON.parse( decodeURIComponent( options.music ) ) ); }, });
傳遞ID
但是通常情況下,我們并不會(huì)將對(duì)象進(jìn)行一個(gè)傳遞,而是直接傳遞一個(gè)ID,并在頁(yè)面B中重新請(qǐng)求
wxml
進(jìn)行傳遞參數(shù) id=“傳遞的值”來進(jìn)行傳遞
data-* 自定義屬性的設(shè)置 但是在后端使用的時(shí)候*的內(nèi)容會(huì)全部變成小寫
<text wx:for={{recommendList}} wx:key="id" class="iconfont icon-gengduo" data-music="{{item}}" data-musicId="{{item.id}}" bindtap="gotoDetail" ></text>
頁(yè)面A
gotoDetail(e){ const musicId = e.currentTarget.dataset.musicid; wx.navigateTo({ url:"/pages/songDetail/songDetail?musicId='' + musicId, }); },
頁(yè)面B
Page({ data: {}, onLoad(options){ console.log(options.musicId); }, });
到此這篇關(guān)于微信小程序中 不同頁(yè)面如何傳遞參數(shù)的文章就介紹到這了,更多相關(guān)微信小程序頁(yè)面?zhèn)鬟f參數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- 微信小程序 動(dòng)態(tài)修改頁(yè)面數(shù)據(jù)及參數(shù)傳遞過程詳解
- 微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳遞參數(shù)(實(shí)體,對(duì)象)
- 微信小程序?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)
- 微信小程序開發(fā)之?dāng)?shù)據(jù)存儲(chǔ) 參數(shù)傳遞 數(shù)據(jù)緩存
- 微信小程序 navigator 跳轉(zhuǎn)url傳遞參數(shù)
- 詳解微信小程序 頁(yè)面跳轉(zhuǎn) 傳遞參數(shù)
- 微信小程序 參數(shù)傳遞詳解
相關(guān)文章
JavaScript實(shí)現(xiàn)一鍵復(fù)制文本功能的示例代碼
這篇文章主要為大家介紹兩種javascript實(shí)現(xiàn)文本復(fù)制(將文本寫入剪貼板)的方法,文中的示例代碼講解詳細(xì),大家可以根據(jù)需求特點(diǎn)選用2023-03-03ES6數(shù)組與對(duì)象的解構(gòu)賦值詳解
這篇文章主要介紹了ES6數(shù)組與對(duì)象的解構(gòu)賦值,結(jié)合實(shí)例形式詳細(xì)分析了ES6中數(shù)組與對(duì)象的解構(gòu)賦值原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06js實(shí)現(xiàn)輪播圖效果 z-index實(shí)現(xiàn)輪播圖
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)輪播圖效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01用循環(huán)或if語(yǔ)句從json中取數(shù)據(jù)示例
倘若想將id和pid數(shù)據(jù)依次取出,就只能用循環(huán),若想有選擇性的輸出時(shí),需要添加if條件2014-08-08js獲取input標(biāo)簽的輸入值實(shí)現(xiàn)代碼
input標(biāo)簽的輸入值通過js進(jìn)行獲取,部分標(biāo)簽和類是封裝在框架內(nèi)的,其效果和html標(biāo)簽差不多,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單javascript版
這篇文章主要給大家介紹了javascript實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)下拉框菜單,有需要的朋友可以參考下2015-08-08