首頁  >  文章  >  web前端  >  使用微信小程式有關傳參數的方法,有哪些?

使用微信小程式有關傳參數的方法,有哪些?

亚连
亚连原創
2018-06-12 16:50:502399瀏覽

這篇文章主要為大家介紹了關於微信小程式實作傳輸參數的幾種方法,分別是navigator跳轉時、全域變數、列表index下標取值以及form表單傳值的相關內容,需要的朋友可以參考借鑒,下面一起學習學習吧。

前言

首先說點什麼呢, 因為公司需求, 我也開始跳到小程式的坑裡了, 填坑之路艱辛而淒涼, 好啦雖然有很多坑, 但畢竟小程序才出現不久, 有坑也正常, 哈哈哈不扯淡了, 來說說小程序的傳參數,話不多說了,來一起看看詳細的介紹吧。

一、navigator 跳轉時

#wxml頁面(參數多時可用「&」)

<navigator url=&#39;../index/index?id=1&name=aaa&#39;></navigator>

或新增點擊事件,js用navigateTo跳轉傳參,兩種效果一樣

 wx.navigateTo({
   url: &#39;../index/index?id=1&name=aaa&#39;,
   })

js頁面  在onLoad裡直接取得

 onLoad: function (options) {
  //页面初始化 options为页面跳转所带来的参数
  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下標取值

wxml頁面

<button bindtap=&#39;clickMe&#39; data-id=&#39;1&#39;>点击</button>

如果需要傳遞多個,可以寫多個data-[參數]的方式進行傳遞

js頁面

clickMe:function(e){
 var id = e.currentTarget.dataset.id
 console.log(id);
},

注意:透過wxml設定data-[參數名稱]傳遞參數,[參數名稱]只能是小寫,不能有大寫

四、form表單傳值

form表單傳值比較簡單常用,就不舉例了

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

如何使用vue-cli寫vue外掛程式

如何使用ngrok express解決微信介面偵錯問題

#如何使用element-ui表格實作單元格可編輯

#在element ui裡如何使dialog關閉後清除驗證

Vue 中如何使用compile操作方法

以上是使用微信小程式有關傳參數的方法,有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn