最近在做微信小程序，發現小程序的頁面函數傳參和web端不一樣，在此做個記錄；

1.web端函數傳參是這樣的

<Buttontype="primary"className="mr10"onClick={() => this.loadData({ page: 1 })} // 參數在函數括號內>查詢</Button>

2.微信小程序端，是需要類似自定義屬性的，傳參形式，像下面這樣：這里我用了vant的ui框框；原生點擊事件方法bindtap="getDetail"

<van-button type="primary" size="small" round custom-class="doBtn" data-orderid="{{item.id}}" // 函數參數需要自定義參數bind:click="getDetail">查看詳情 </van-button>// js文件中參數獲取（dataset中）getDetail: function (e) {let id = e.currentTarget.dataset.orderid; // 獲取參數idconsole.log(id);// 跳轉詳情頁wx.navigateTo({url: `../outDetail/detail?id=${id}`});}

3.小程序詳情頁面獲取url地址傳來的ID參數

// 詳情頁detail.js頁面加載時 onLoad: function (options) {console.log(options); // options里面是上級頁面傳來的參數 {id: 3}let id = options.id;this.setData({orderId: id});},

?

總結

以上是生活随笔為你收集整理的微信小程序函数传参以及获取调用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。