微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例
更新時間：2018年01月10日 10:15:56 作者：下頁、再停留
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法，分別是navigator跳轉(zhuǎn)時、全局變量、列表index下標(biāo)取值以及form表單傳值的相關(guān)內(nèi)容，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
前言
首先說點什么呢, 因為公司需求, 我也開始跳到小程序的坑里了, 填坑之路艱辛而凄涼, 好啦雖然有很多坑, 但畢竟小程序才出現(xiàn)不久, 有坑也正常, 哈哈哈不扯淡了, 來說說小程序的傳參數(shù)，話不多說了，來一起看看詳細(xì)的介紹吧。
一、navigator 跳轉(zhuǎn)時
wxml頁面（參數(shù)多時可用“&”）
<navigator url='../index/index?id=1&name=aaa'></navigator>
或者添加點擊事件，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'>點擊</button>
如果需要傳遞多個，可以寫多個data-[參數(shù)]的方式進行傳遞
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í)價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關(guān)文章
倒計時的功能在我們做項目的時候會經(jīng)常遇到，這里給大家分享的是個人編寫的一個簡易的效果代碼，有需要的小伙伴可以參考下2015-06-06
有關(guān)script注入想必大家也有所了解，在本文將為大家介紹下如何屏蔽script注入，下面有個不錯的示例大家可以感受下2013-11-11
這篇文章主要介紹了Javascript毫秒數(shù)用法,實例分析了javascript獲取毫秒數(shù)及設(shè)置指定時間毫秒數(shù)的方法,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)簡單可拖動的模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了如何利用bootstrap快速制作后臺界面,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了ES6 javascript中Class類繼承用法,結(jié)合實例形式較為詳細(xì)的分析了ES6繼承的基本用法、相關(guān)屬性、方法與使用技巧,需要的朋友可以參考下2017-10-10
JavaScript實現(xiàn)表格排序方法，需要的朋友可以參考一下2013-06-06
JavaScript里四舍五入函數(shù)round用法實例
這篇文章主要介紹了JavaScript里四舍五入函數(shù)round用法,實例分析了round函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
Javascript中產(chǎn)生固定結(jié)果的函數(shù)優(yōu)化技巧
分享一個Javascript編寫函數(shù)的優(yōu)化技巧;適用的函數(shù)應(yīng)該要滿足以下條件;產(chǎn)生固定結(jié)果;復(fù)雜或較耗時等等，感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了Bootstrap Table使用整理(二)的相關(guān)資料,需要的朋友可以參考下2017-06-06