溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

微信小程序實現傳參數的幾種方法示例

發布時間:2020-08-28 00:59:20 來源:腳本之家 閱讀:281 作者:下頁、再停留 欄目:web開發

前言

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

一、navigator 跳轉時

wxml頁面(參數多時可用“&”)

<navigator url='../index/index?id=1&name=aaa'></navigator>

或者添加點擊事件,js用navigateTo跳轉傳參,兩種效果一樣

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

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='clickMe' data-id='1'>點擊</button>

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

js頁面

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

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

四、form表單傳值

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

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女