小程序中如何读取event.currentTarget.dataset 集合中的数据
时间: 2024-05-05 09:22:48 浏览: 10
在小程序中,可以通过以下方式读取 `event.currentTarget.dataset` 集合中的数据:
1. 在事件处理函数中,使用 `event.currentTarget.dataset` 获取数据集合。
2. 根据集合中的属性名,使用 `[]` 运算符访问对应的属性值。
例如,假设数据集合如下:
```html
<view data-id="1" data-name="Apple" bindtap="handleTap">Apple</view>
<view data-id="2" data-name="Banana" bindtap="handleTap">Banana</view>
<view data-id="3" data-name="Cherry" bindtap="handleTap">Cherry</view>
```
在事件处理函数中,可以通过以下方式访问数据集合:
```javascript
Page({
handleTap: function(event) {
const id = event.currentTarget.dataset.id; // 获取 data-id 属性值
const name = event.currentTarget.dataset.name; // 获取 data-name 属性值
console.log(`Clicked ${name} (ID ${id})`);
}
});
```
当点击一个 `<view>` 元素时,事件处理函数 `handleTap` 会被调用,并且 `event.currentTarget.dataset` 会返回一个包含 `id` 和 `name` 属性的对象。我们可以通过 `[]` 运算符访问对应的属性值,从而获取对应的数据。