溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
微信小程序 bindtap 傳參 ，代碼如下所示：
//index.wxml
<view bindtap="changeIndex" data-src="我固定參數">
</view>
//index.js
page({
data:{
},
changeIndex(e){
console.log(e.currentTarget.dataset.src); //我是固定參數
}
});
可以看出 參數是通過給標簽設置 data-參數名=“參數值” 自定義屬性的方式 來傳遞的 例如想傳遞兩個參數
//index.wxml
<view bindtap="changeIndex" data-src1="我固定參數1" data-src2="我是固定參數2" >
</view>
//index.js
page({
data:{
},
changeIndex(e){
console.log(e.currentTarget.dataset.src1); //我是固定參數1
console.log(e.currentTarget.dataset.src2); //我是固定參數2
}
});
如果需要傳遞動態的參數 例如遍歷渲染時 想傳遞 index 給 changeIndex方法
//index.wxml
<view wx:for="{{lists}}" wx:for-index="index" wx:key="index" data-index="{{index}}" >
{{item.title}}
</view>
//index.js
page({
data:{
lists:[{title:'參數1',id:1},{title:'參數2',id:2}]
},
changeIndex(e){
console.log(e.currentTarget.dataset.index);
}
})
知識點補充：
微信小程序：bindtap方法傳參
1、wxml
<view bindtap="pay_again" data-name="{{orderList.jid}}" data-fee="{{orderList.act_fee}}" data-mobile="{{orderList.p_phone}}" data-act="{{orderList.act_name}}" class="operating f_r webkit-box" >
<a href="" class=" rel="external nofollow" pay bg_red">繼續支付</a>
</view>
2、js
// 再次發起支付請求，調用后臺PHP
pay_again:function(e){
var that = this;
that.setData({
jid: e.currentTarget.dataset.name,
act_name: e.currentTarget.dataset.act,
act_fee: e.currentTarget.dataset.fee,
mobile: e.currentTarget.dataset.mobile
})
console.log('活動訂單id = ' + that.data.mobile);
}
總結
到此這篇關于微信小程序 bindtap 傳參的實例代碼的文章就介紹到這了,更多相關微信小程序 bindtap 傳參內容請搜素億速云以前的文章或下面相關文章，希望大家以后多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
