微信小程序傳值以及獲取值方法的詳解
微信小程序傳值以及獲取值方法,傳值有兩種方法,對應(yīng)也有獲取值得方法,
1、設(shè)置id的方法標(biāo)識跳轉(zhuǎn)后傳遞的參數(shù)值;
2、通過使用data - xxxx 的方法來標(biāo)識要傳遞的值
微信小程序設(shè)置id的方法標(biāo)識來傳值
在要跳轉(zhuǎn)的item處,設(shè)置一個id并給當(dāng)前的id賦值上對應(yīng)的key值,比如一部電影的id(后面帶著id去下一個頁面查詢,詳細(xì)信息)如:

后我們在js的bindtap的響應(yīng)事件中獲取,并傳遞到下一個界面中;
獲取到id傳的值
通過e.currentTarget.id;獲取設(shè)置的id值,并通過設(shè)置全局對象的方式來傳遞數(shù)值,
獲取全局對象 var app=getApp(); //設(shè)置全局的請求訪問傳遞的參數(shù) app.requestDetailid=id;

提示:其實(shí)我們也可以在,wxml中查看到我們設(shè)置的每一個item的id值

通過使用data - xxxx 的方法標(biāo)識來傳值
通過使用data - xxxx 的方法標(biāo)識來傳值,xxxx可以自定義取名 比如data-key等等都可以。


如何獲取data-xxxx傳遞的值?
在js的bindtap的響應(yīng)事件中:
通過數(shù)據(jù)解析一層層找到數(shù)據(jù),var id=e.target.dataset.id(根據(jù)你的data-id的取名)


微信小程序如何跨頁面獲取值?
依據(jù)上面的方式設(shè)置要傳遞的值,頁面跳轉(zhuǎn)后,我們就需要在下一個頁面拿到傳遞的數(shù)據(jù)(這個數(shù)據(jù)在傳遞前,就已經(jīng)被設(shè)置成全局變量)
在跳轉(zhuǎn)后的js頁面,接收傳遞過來的數(shù)據(jù)detail.js
同樣通過全局額方式取值出來,(即和app.js中取某個變量的值是一樣的)
var movieid=getApp().MovieDetailid; console.log(movieid);

到此為止,我們數(shù)值傳遞并接收成功,后面就可以根據(jù)我們接收的參數(shù),進(jìn)行進(jìn)一步的操作了。
以上所述是小編給大家介紹的微信小程序傳值以及獲取值方法詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
微信小程序中target和currentTarget的區(qū)別小結(jié)
這篇文章主要給大家介紹了關(guān)于微信小程序中target和currentTarget區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
淺談javascript面向?qū)ο蟪绦蛟O(shè)計(jì)
本文主要給大家展示的是javascript面向?qū)ο蟪绦蛟O(shè)計(jì)的相關(guān)資料,需要的朋友可以參考下2015-01-01
簡單實(shí)現(xiàn)jquery焦點(diǎn)圖
這篇文章主要為大家詳細(xì)介紹了如何簡單實(shí)現(xiàn)jquery焦點(diǎn)圖效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
js生成的驗(yàn)證碼的實(shí)現(xiàn)與技術(shù)分析
本文主要是分享了一段由JS生成驗(yàn)證碼并驗(yàn)證的代碼,非常簡單,并分析了此方法的實(shí)用性,提供給大家參考下2014-09-09
原生js實(shí)現(xiàn)tab選項(xiàng)卡切換
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)tab選項(xiàng)卡,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08
javascript 學(xué)習(xí)筆記(onchange等)
javascript 學(xué)習(xí)筆記,一些簡單的小技巧,學(xué)習(xí)js的朋友可以看下。2010-11-11
js實(shí)現(xiàn)旋轉(zhuǎn)大風(fēng)車
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)旋轉(zhuǎn)大風(fēng)車,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02

