在小程序中,可以通过在组件上绑定 bindtap 事件来触发点击事件。如果需要在事件处理函数中传递参数,可以使用以下方法:

  1. 使用 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);
  }
})
  1. 使用自定义属性传递参数:在组件上使用自定义属性设置需要传递的参数,然后在事件处理函数中通过 event.currentTarget 来获取传递的参数。

例如,在 WXML 文件中:

<button bindtap="handleTap" id="1">点击按钮</button>

在对应的 JS 文件中:

Page({
  handleTap(event) {
    const id = event.currentTarget.id;
    console.log('点击的按钮id为:', id);
  }
})

这样就可以在点击事件触发时将参数传递给事件处理函数了

小程序里 bindtap 传参

原文地址: https://www.cveoy.top/t/topic/iqky 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录