小程序View點擊響應傳遞多個參數

小程序開發中，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。