[微信小程序]如何获取for循环的index？

在微信小程序开发中，对于`wx:for`，可以使用`wx:for-index="index"`来获取数组中的元素的索引值（下标）。

在微信小程序开发中，对于

wx:for

，可以使用

wx:for-index="index"

来获取数组中的元素的索引值（下标）。

<view class="item" wx:for="{{eventItems}}" wx:key="*this" wx:for-index="index">
  ......
  <view class="col-2">
    <button size="mini" bindtap="completeEventItem" data-index="{{index}}">√</button>
    <button size="mini" bindtap="removeEventItem" data-index="{{index}}">×</button>
  </view>
</view>
           

通常情况下这个索引值需要被我们用来进行一些数据处理用的，

button添加了一个

data-index

，通过模板渲染语法{{index}}传递给data-index，再由data-index传递给函数的形参。

removeEventItem(index) {
  let _index = index.currentTarget.dataset.index
  ......
}
           

data-index是一个对象，而我们传递的索引在currentTarget.dataset中，所以通过index.currentTarget.dataset.index便能获取到index。