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

發(fā)布時(shí)間：2020-08-28 00:59:20 來(lái)源：腳本之家閱讀：240 作者：下頁(yè)、再停留欄目：web開發(fā)

前言

首先說(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ì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽