微信小程序_bindtap获取不到参数

bindtap的基础用法是

<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>

Page({
  tapName: function(event) {
    console.log(event)
  }
})

控制太输出： 

{
  "type":"tap",
  "timeStamp":895,
  "target": {
    "id": "tapTest",
    "dataset":  {
      "hi":"WeChat"
    }
  },
  "currentTarget":  {
    "id": "tapTest",
    "dataset": {
      "hi":"WeChat"
    }
  },
  "detail": {
    "x":53,
    "y":14
  },
  "touches":[{
    "identifier":0,
    "pageX":53,
    "pageY":14,
    "clientX":53,
    "clientY":14
  }],
  "changedTouches":[{
    "identifier":0,
    "pageX":53,
    "pageY":14,
    "clientX":53,
    "clientY":14
  }]
}

以上是微信开发文档中的例子。

所以到取到data-hi中的数据应该是

var hi = event.target.dataset.hi;

这里要注意的是data-xxx中的xxx需要小写，否则获取不到。

使用for循环的时候，这种方法是拿不到数据的。

<view id="tapTest" data-hi="{{item.hi}}" bindtap="tapName" wx:for="{{list}}" wx:item="{{item}}"> Click me! </view>

var hi = event.currentTarget.dataset.hi;

 需要使用currentTarget进行获取。