微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法示例

更新時(shí)間：2018年01月10日 10:15:56 作者：下頁(yè)、再停留

這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)傳參數(shù)的幾種方法，分別是navigator跳轉(zhuǎn)時(shí)、全局變量、列表index下標(biāo)取值以及form表單傳值的相關(guān)內(nèi)容，需要的朋友可以參考借鑒，下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。

前言

首先說(shuō)點(diǎn)什么呢, 因?yàn)楣拘枨? 我也開始跳到小程序的坑里了, 填坑之路艱辛而凄涼, 好啦雖然有很多坑, 但畢竟小程序才出現(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è)，可以寫多個(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ù)名]只能是小寫，不能有大寫

四、form表單傳值

form表單傳值比較簡(jiǎn)單常用，就不舉例了

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

js添加select下默認(rèn)的option的value和text的方法
這篇文章主要介紹了js中創(chuàng)建html標(biāo)簽、添加select下默認(rèn)的option的value和text，很實(shí)用，需要的朋友可以看看
2014-10-10
webpack如何自動(dòng)生成網(wǎng)站圖標(biāo)詳解
這篇文章主要給大家介紹了關(guān)于webpack如何自動(dòng)生成網(wǎng)站圖標(biāo)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-01-01
JavaScript 函數(shù)節(jié)流詳解及方法總結(jié)
這篇文章主要介紹了JavaScript 函數(shù)節(jié)流詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-02-02
JS與C#編碼解碼
這篇文章主要是對(duì)JS與C#編碼解碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
layui+SSM的數(shù)據(jù)表的增刪改實(shí)例(利用彈框添加、修改)
今天小編就為大家分享一篇layui+SSM的數(shù)據(jù)表的增刪改實(shí)例(利用彈框添加、修改)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
簡(jiǎn)易 Javascript 調(diào)試包 Debug包
來(lái)看一個(gè)簡(jiǎn)易的 Javascript 調(diào)試包 jscript.debug.js，包含兩個(gè)函數(shù)
2010-10-10
基于JS實(shí)現(xiàn)帶并發(fā)限制的異步調(diào)度器
這篇文章主要為大家詳細(xì)介紹了如何基于JS實(shí)現(xiàn)帶并發(fā)限制的異步調(diào)度器，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價(jià)值，需要的可以參考下
2023-05-05
Chrome下ifame父窗口調(diào)用子窗口的問(wèn)題示例探討
這篇文章主要介紹了Chrome下ifame父窗口調(diào)用子窗口的問(wèn)題,需要的朋友可以參考下
2014-03-03
拖動(dòng)布局之保存布局頁(yè)面cookies篇
拖動(dòng)后怎么把布局結(jié)果保存呢？？我開始考慮是記錄每個(gè)拖動(dòng)對(duì)象的的坐標(biāo)，可做起來(lái)我感覺(jué)好麻煩，所以就沒(méi)有采用這種方法。
2010-10-10
JavaScript懶加載詳解
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁(yè)面數(shù)據(jù)懶加載，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11