想做数组的增删改查,传入数组的下标必不可少
用到的组件:
wx:for-index
data-index
代码 :
wxml文件:
wx:for-index=“index” 确定下标的名字
data-index="{{index}}" 在bindtap事件里绑定数据下标data-index
<block wx:for-index="index" wx:for="{{showActionList}}" wx:for-item="item">
<view class="windows1">
<view>i:{{index}} + item.name:{{item.name}} + item.id: {{item.id}}</view>
<button class="moveUp" bindtap="moveUp" data-index="{{index}}"> 上移</button>
</view>
</block>
js文件:
使用currentTarget.dataset.下标名获取下标
moveUp:function(e){
var index = e.currentTarget.dataset.index;
console.log("index: "+index)
},
注意:data-index="{{index}}" 不能在wx:for-index的组件里,不然js传不进下标。 被坑了好久
效果
点击四个按钮: