在微信小程序开发过程中,我们可以在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>
这样我们就可以利用自定义参数来进行值的传递了。