微信小程序data-id

在微信小程序中，data-id 是一个自定义的数据属性，用于在 WXML 模板中存储和传递数据。这对于在事件处理函数中获取特定元素的数据非常有用。

在一个列表中，每个列表项都有一个唯一的 ID，你可以使用 data-id 来存储这个 ID。当用户点击某个列表项时，你可以在事件处理函数中获取这个 ID，从而执行相应的操作。

以下是一个简单的示例：

1. 在 WXML 文件中，为列表项添加 data-id 属性：

<view class="list">
 <block wx:for="{{items}}" wx:key="id">
    <view class="list-item" data-id="{{item.id}}" bindtap="onItemClick">
      {{item.title}}
    </view>
  </block>
</view>

2. 在对应的 JS 文件中，编写事件处理函数 onItemClick：

Page({
  data: {
    items: [
      { id: 1, title: 'Item 1' },
      { id: 2, title: 'Item 2' },
      { id: 3, title: 'Item 3' },
    ],
  },

  onItemClick: function (event) {
    const id = event.currentTarget.dataset.id;
    console.log('Clicked item ID:', id);
    // 在这里执行你需要的操作，例如根据 ID 获取详细信息或跳转到其他页面
  },
});

在这个示例中，当用户点击某个列表项时，onItemClick 函数会被调用，并通过 event.currentTarget.dataset.id 获取到该列表项的 data-id 值。