微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例
前言
首先說(shuō)點(diǎn)什么呢, 因?yàn)楣拘枨? 我也開(kāi)始跳到小程序的坑里了, 填坑之路艱辛而凄涼, 好啦雖然有很多坑, 但畢竟小程序才出現(xiàn)不久, 有坑也正常, 哈哈哈不扯淡了, 來(lái)說(shuō)說(shuō)小程序的傳參數(shù),話不多說(shuō)了,來(lái)一起看看詳細(xì)的介紹吧。
一、navigator 跳轉(zhuǎn)時(shí)
wxml頁(yè)面(參數(shù)多時(shí)可用“&”)
<navigator url='../index/index?id=1&name=aaa'></navigator>
或者添加點(diǎn)擊事件,js用navigateTo跳轉(zhuǎn)傳參,兩種效果一樣
wx.navigateTo({ url: '../index/index?id=1&name=aaa', })
js頁(yè)面 在onLoad里直接獲取
onLoad: function (options) { //頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù) var id = options.id //獲取值 },
二、全局變量
app.js頁(yè)面
globalData:{ id:null }
賦值:
var app = getApp(); app.globalData.id = 2
取值:
var app = getApp(); var id = app.globalData.id
三、列表index下標(biāo)取值
wxml頁(yè)面
<button bindtap='clickMe' data-id='1'>點(diǎn)擊</button>
如果需要傳遞多個(gè),可以寫(xiě)多個(gè)data-[參數(shù)]的方式進(jìn)行傳遞
js頁(yè)面
clickMe:function(e){ var id = e.currentTarget.dataset.id console.log(id); },
注意:通過(guò)wxml設(shè)置data-[參數(shù)名]傳遞參數(shù),[參數(shù)名]只能是小寫(xiě),不能有大寫(xiě)
四、form表單傳值
form表單傳值比較簡(jiǎn)單常用,就不舉例了
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
javascript實(shí)現(xiàn)倒計(jì)時(shí)并彈窗提示特效
倒計(jì)時(shí)的功能在我們做項(xiàng)目的時(shí)候會(huì)經(jīng)常遇到,這里給大家分享的是個(gè)人編寫(xiě)的一個(gè)簡(jiǎn)易的效果代碼,有需要的小伙伴可以參考下2015-06-06JS實(shí)現(xiàn)簡(jiǎn)單可拖動(dòng)的模態(tài)框
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單可拖動(dòng)的模態(tài)框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07ES6 javascript中Class類(lèi)繼承用法實(shí)例詳解
這篇文章主要介紹了ES6 javascript中Class類(lèi)繼承用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ES6繼承的基本用法、相關(guān)屬性、方法與使用技巧,需要的朋友可以參考下2017-10-10JavaScript里四舍五入函數(shù)round用法實(shí)例
這篇文章主要介紹了JavaScript里四舍五入函數(shù)round用法,實(shí)例分析了round函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04Javascript中產(chǎn)生固定結(jié)果的函數(shù)優(yōu)化技巧
分享一個(gè)Javascript編寫(xiě)函數(shù)的優(yōu)化技巧;適用的函數(shù)應(yīng)該要滿足以下條件;產(chǎn)生固定結(jié)果;復(fù)雜或較耗時(shí)等等,感興趣的朋友可以了解下2013-01-01