getTypeGoodsList(event){ console.log(event.currentTarget.dataset.index) console.log(event.currentTarget.dataset.id) let id = event.currentTarget.dataset.id let index = event.currentTarget.dataset.index this.setData({ currentType:index, typeId:id }) wx.cloud.database().collection('shop_goods') .where({ type:id, status:true, stockNumber:wx.cloud.database().command.gt(0) }) .get() .then(res=>{ console.log(res) this.setData({ goodsList:res.data }) }) }, toGoodDetail(event){ console.log(event.currentTarget.dataset.id) let id = event.currentTarget.dataset.id wx.navigateTo({ url: '/pages/goodDetail/goodDetail?id=' + id , }) }解释一下这段代码

这段代码是一个小程序中的 JavaScript 代码，主要功能是在用户点击不同的商品类型后，获取该类型下的商品列表，并在页面中展示。同时，当用户点击某一个具体的商品时，跳转到该商品的详情页面。

具体实现流程如下：

1. 当用户点击某一个商品类型时，该事件会触发一个函数 `getTypeGoodsList(event)`。

2. 首先，通过 `event.currentTarget.dataset` 获取到该商品类型的索引值和对应的 ID 值。

3. 然后，将当前商品类型的索引值和 ID 值保存在小程序的数据中，以备后续使用。

4. 下一步，通过调用 `wx.cloud.database().collection('shop_goods').where()` 方法，从云数据库中获取该商品类型下的所有商品数据。

5. 在 `where()` 方法中，设置了三个查询条件：商品类型为当前类型 ID，商品状态为已上架，商品库存数量大于0。这样可以确保只获取到可售卖的商品数据。

6. 一旦获取到商品列表数据，通过 `then()` 方法将其保存在小程序的数据中，以供页面展示。

7. 当用户点击某一个具体的商品时，会触发另外一个函数 `toGoodDetail(event)`。

8. 通过 `event.currentTarget.dataset.id` 获取当前点击的商品 ID 值。

9. 最后，通过 `wx.navigateTo()` 方法跳转到该商品的详情页面，其中商品 ID 值作为参数传递给详情页面。

相关问题

小程序中如何读取event.currentTarget.dataset 集合中的数据

在小程序中，可以通过以下方式读取 `event.currentTarget.dataset` 集合中的数据：

1. 在事件处理函数中，使用 `event.currentTarget.dataset` 获取数据集合。
2. 根据集合中的属性名，使用 `[]` 运算符访问对应的属性值。

例如，假设数据集合如下：

<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>

在事件处理函数中，可以通过以下方式访问数据集合：

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` 属性的对象。我们可以通过 `[]` 运算符访问对应的属性值，从而获取对应的数据。

如何读取event.currentTarget.dataset 集合中的数据

要读取 `event.currentTarget.dataset` 集合中的数据，可以按照以下步骤进行：

1. 首先，获取事件对象 `event`。
2. 然后，从事件对象中获取当前事件的目标元素 `currentTarget`。
3. 最后，从目标元素的 `dataset` 属性中获取对应的数据。

以下是一个示例代码：

function handleClick(event) {
  const target = event.currentTarget;
  const data = target.dataset;
  const value = data.mydata; // 这里的 mydata 是一个自定义的数据属性
  console.log(value);
}

// 在 HTML 中添加一个包含自定义数据属性的元素
<div data-mydata="Hello, world!" onclick="handleClick(event)">点击我</div>

在上面的示例中，当用户点击 `div` 元素时，会触发 `handleClick` 函数。函数中首先获取了事件的目标元素 `target`，然后从 `target` 的 `dataset` 属性中获取了 `mydata` 数据属性的值，并将其输出到控制台上。