bindtap 点击传参
时间: 2023-07-27 17:06:22 浏览: 56
在小程序中,可以通过在wxml文件中使用`data-`属性来传递参数,然后在js文件中使用`event.currentTarget.dataset`来获取这些参数。具体实现步骤如下:
1. 在wxml文件中,给需要绑定`bindtap`事件的组件添加`data-`属性,如下所示:
```html
<view bindtap="handleTap" data-index="0" data-name="张三">点击我</view>
```
在上面的代码中,`data-index`和`data-name`就是我们需要传递的参数,分别是索引和姓名。
2. 在js文件中,定义事件处理函数`handleTap`,并通过`event.currentTarget.dataset`来获取传递的参数,如下所示:
```javascript
Page({
handleTap: function (event) {
var index = event.currentTarget.dataset.index;
var name = event.currentTarget.dataset.name;
console.log("index:", index);
console.log("name:", name);
}
})
```
在上面的代码中,`event.currentTarget.dataset`返回一个对象,包含了所有`data-`属性的键值对。因此,我们可以通过`event.currentTarget.dataset.index`和`event.currentTarget.dataset.name`来获取传递的参数。
这样,当用户点击组件时,就会触发`handleTap`函数,并且可以通过`event.currentTarget.dataset`获取传递的参数。