小程序获取列表的下标

wxml获取:wx:for-index="index"


          <block wx:for="{{listData}}"   wx:for-index="index"  >

          <view class="td XH" style="width: 100rpx;"> {{index+1}}</view>

js获取:data-index='{{index}}'


<block wx:for='{{items}}'>

<view class='cell' data-index='{{index}}' bindtap='click_anniu'>{{item.value}}</view>

</block>

 

Page({
  data: {
    items: [
      { name: 'USA', value: '美国' },
      { name: 'CHN', value: '中国', checked: 'true' },
      { name: 'BRA', value: '巴西' },
      { name: 'JPN', value: '日本' },
      { name: 'ENG', value: '英国' },
      { name: 'TUR', value: '法国' },
    ]
  },

  click_anniu: function (e) {

    let index = e.currentTarget.dataset.index;

    console.log("index----->" + JSON.stringify(index));

  }
})

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:设计师小姐姐 返回首页