欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序中不同頁面?zhèn)鬟f參數(shù)的操作方法

 更新時間：2023年12月07日 12:05:32   作者：開心點啦.  
這篇文章主要介紹了微信小程序中不同頁面?zhèn)鬟f參數(shù)的操作方法,在開發(fā)項目中,避免不了不同頁面之間傳遞數(shù)據(jù)等,那么就需要進(jìn)行不同頁面之間的一個數(shù)據(jù)傳遞的,需要的朋友可以參考下

在開發(fā)項目中，避免不了不同頁面之間傳遞數(shù)據(jù)等，那么就需要進(jìn)行不同頁面之間的一個數(shù)據(jù)傳遞

直接傳遞一個對象時：

頁面A

gotoDetail(e){
    const music = e.currentTarget.dataset.music;
    // 在小程序中，不同頁面之間如何進(jìn)行參數(shù)傳遞?
    // 既然不能傳遞對象，所以需要將對象進(jìn)行類型轉(zhuǎn)換
    // encodeURIComponent : 將內(nèi)容轉(zhuǎn)換為編碼
    wx.navigateTo({
        url:
            "/pages/songDetail/songDetail?music=" + 
            encodeURIComponent(JSON.stringify(music)),
    });
},

頁面B

Page({
    data:{},
    onLoad(options) {
        console.log( JSON.parse( decodeURIComponent( options.music ) ) );
    },
});

傳遞ID 

但是通常情況下，我們并不會將對象進(jìn)行一個傳遞，而是直接傳遞一個ID，并在頁面B中重新請求

wxml

進(jìn)行傳遞參數(shù)  id=“傳遞的值”來進(jìn)行傳遞

data-*   自定義屬性的設(shè)置  但是在后端使用的時候*的內(nèi)容會全部變成小寫

<text
    wx:for={{recommendList}}
    wx:key="id"
    class="iconfont icon-gengduo"
    data-music="{{item}}"
    data-musicId="{{item.id}}"
    bindtap="gotoDetail"
></text>

頁面A

gotoDetail(e){
    const musicId = e.currentTarget.dataset.musicid;
    wx.navigateTo({
        url:"/pages/songDetail/songDetail?musicId='' + musicId,
    });
},

頁面B

Page({
    data: {},
    onLoad(options){
        console.log(options.musicId);
    },
});

到此這篇關(guān)于微信小程序中 不同頁面如何傳遞參數(shù)的文章就介紹到這了,更多相關(guān)微信小程序頁面?zhèn)鬟f參數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論