小程序获取列表的下标

怪只怪满眼尽是人间烟火 2019-12-28 22:19:02

873

分类专栏：微信小程序文章标签：微信小程序

最后发布:2019-12-28 22:19:02首次发布:2019-12-28 22:19:02

本文链接：https://blog.csdn.net/weixin_38959210/article/details/103749269

版权

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));

  }
})