在微信小程序开发中,对于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。