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