小程序開發中,view的點擊事件是通過bindtap綁定的,比如:
<view class='pay-button' bindtap='gotoDetail' id='{{item.id}}'>查看詳情</view>
在js文件中是這樣獲取參數id的:
gotoDetail: function(e) {
var id = e.currentTarget.id;
wx.navigateTo({
url: '../../home/room?id=' + id
})
}
如果要傳遞多個參數,就要用到data-xxx屬性了,xxx的意思是這個名稱可以隨便取:
<view class='pay-button' bindtap='gotoDetail' id='{{item.id}}' data-roomid='{{item.roomId}}' data-price='{{item.price}}'>查看詳情</view>
打印一下傳遞到js的數據,會看到一個json格式的數據:
dataset: {
price: 6,
roomid: 166
}
id: "1169"
offsetLeft: 275
offsetTop: 16
__proto__: Object
所以我們要獲取點擊的參數,可以這樣寫:
gotoDetail: function(e) {
var id = e.currentTarget.id;
var roomId = e.currentTarget.dataset.roomid;
var price = e.currentTarget.dataset.price;
wx.navigateTo({
url: '../../home/room?id=' + id
})
}
注意:傳遞過來的參數名都是小寫的,即使你寫成 data-roomId,傳遞過來的參數名也是 roomid。