微信小程序事件传参主要包括两种方式：通过 data 属性传参和通过 event 对象传参。下面就分别对这两种方式进行详细介绍。
一、通过 data 属性传参
通过 data 属性传参是在标签中直接使用 data- 属性来传递参数，在事件处理函数中通过 event.currentTarget.dataset 可以获取到传递的参数值。
1. 在 wxml 文件中定义标签并使用 data- 属性传递参数：
```html
```
2. 在 js 文件中定义事件处理函数，并通过 event.currentTarget.dataset 获取参数值：
```javascript
Page({
handleTap(event) {
const params = event.currentTarget.dataset.params;
console.log(params);
}
});
```
这样就可以在事件处理函数中得到传递的参数值，并进行后续操作。
二、通过 event 对象传参
通过 event 对象传参是在触发事件时使用 event.detail 将参数传递给事件处理函数，在事件处理函数中可以通过 event.detail 获取传递的参数值。
1. 在 wxml 文件中定义标签并触发事件，并通过 event.detail 将参数传递给事件处理函数：
```html
```
2. 在 js 文件中定义事件处理函数，并使用 event.detail 获取参数值：
```javascript
Page({
handleTap(event) {
const params = event.detail.params;
console.log(params);
}
});
```
这样就可以在事件处理函数中通过 event.detail 获取传递的参数值，并进行后续操作。
需要注意的是，通过 event 对象传参需要在触发事件的标签上添加 data- 属性来传递参数，这样才能在事件处理函数中通过 event.detail 获取参数值。
总结：
通过 data 属性传参和通过 event 对象传参都能实现在微信小程序中传递参数给事件处理函数。通过 data 属性传参适用于在标签中直接传递参数，而通过 event 对象传参适用于需要在事件触发时传递参数的场景。具体在使用中根据实际情况选择合适的方式即可。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
