微信小程序傳參數的幾種方法


1,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    //獲取值

  },

2.全局變量

app.js頁面

globalData:{
      id:null
    }     

賦值:

var app = getApp();
app.globalData.id = 2

取值:

var app = getApp();
var id = app.globalData.id

3.列表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-[參數名]傳遞參數,[參數名]只能是小寫,不能有大寫

4.form表單傳值

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM