【微信小程序】组件点击事件传参

在微信小程序开发过程中，我们可以在wxml中为对应的组件（如：button）使用bintap添加指定的点击事件，一般无参的点击事件是可以直接通过函数名去调用的，如：

• 在.js文件中定义一个点击事件响应函数

sendMessage : function() {
  // 这里响应点击事件
}

• 在.wxml中，为button绑定点击事件

<view>
....
  <button bindtap = "sendMessage">发送</button>
</view>

那么如果我们希望在点击的时候，传递一个值给sendMessage函数，应该怎么办呢？

• 在.js文件中为sendMessage函数新增要传递的参数info

sendMessage : function(e) {
  // 这里响应点击事件
  // 接受info参数，我们可以通过**e.currentTarget.dataset['参数名']**来获取传递的值
  const info = e.currentTarget.dataset['info']
}

• 在.wxml中，通过data-参数名来传递值到函数中

<view>
....
  <button bindtap = "sendMessage" data-info = "test">发送</button>
</view>

这样我们就可以利用自定义参数来进行值的传递了。