微信小程序中不同頁(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-03
ES6數(shù)組與對(duì)象的解構(gòu)賦值詳解
這篇文章主要介紹了ES6數(shù)組與對(duì)象的解構(gòu)賦值,結(jié)合實(shí)例形式詳細(xì)分析了ES6中數(shù)組與對(duì)象的解構(gòu)賦值原理、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
js實(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-08
js獲取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

