微信小程序如何获取wx:for列表中点击行的信息

在微信小程序中，可以通过绑定事件来获取列表中点击行的信息。

      {{item.name}}

// JS 代码
Page({
  data:{
    list:[
      {name:'商品1', id: 1},
      {name:'商品2', id: 2},
      {name:'商品3', id: 3}
    ]
  },
  handleTap: function(e) {
    var index = e.currentTarget.dataset.index; // 获取当前点击行的索引
    var item = this.data.list[index]; // 根据索引获取对应的数据
    console.log('点击的行信息:', item);
  }
})

在上述示例中，我们通过wx:for指令循环遍历list列表，绑定了点击事件bindtap，并在每个元素上设置了data-index属性，用于存储当前行的索引。

在对应的事件处理函数handleTap中，通过e.currentTarget.dataset.index获取点击行的索引，然后根据索引在list数组中获取对应的数据。在示例中，我们将数据打印到控制台上，您可以根据具体需求进行后续处理。

请注意，如果列表中的项有唯一的标识符，您可以将标识符作为数据的一部分，并作为data-*属性存储在每个元素上，以便在点击事件中更方便地获取对应的数据。

上一篇：Taro微信小程序报错：Failed to load local image resource的解决方案

下一篇：前端实现微信小程序信用分免押（也称微信分免押）