小程序里 bindtap 传参
在小程序中,可以通过在组件上绑定 bindtap 事件来触发点击事件。如果需要在事件处理函数中传递参数,可以使用以下方法:
- 使用
data-*属性传递参数:在组件上使用data-*属性设置需要传递的参数,然后在事件处理函数中通过event.currentTarget.dataset来获取传递的参数。
例如,在 WXML 文件中:
<button bindtap="handleTap" data-id="1">点击按钮</button>
在对应的 JS 文件中:
Page({
handleTap(event) {
const id = event.currentTarget.dataset.id;
console.log('点击的按钮id为:', id);
}
})
- 使用自定义属性传递参数:在组件上使用自定义属性设置需要传递的参数,然后在事件处理函数中通过
event.currentTarget来获取传递的参数。
例如,在 WXML 文件中:
<button bindtap="handleTap" id="1">点击按钮</button>
在对应的 JS 文件中:
Page({
handleTap(event) {
const id = event.currentTarget.id;
console.log('点击的按钮id为:', id);
}
})
这样就可以在点击事件触发时将参数传递给事件处理函数了
原文地址: https://www.cveoy.top/t/topic/iqky 著作权归作者所有。请勿转载和采集!