wx:for如何传输点击处item的信息（data-index）

小程序用js的数组和wx：for渲染十分方便：

wxml:

<view class='chooseTitle'>
    <view class='choose' wx:for="{{timeArray}}" wx:key="item.id">
      <view class="itemName" bindtap='switchTab''>{{item}}</view>
    </view>
  </view>

js:

data: {
    timeArray: ['今日', '1月11日', '1月12日', '1月13日', '1月14日']
  },

css按照自己的需求进行搭配。效果图如下：

如果想要获取点击的item是哪一个item，就可以使用wx:for-index来获取：

  <view class='chooseTitle'>
    <view class='choose' wx:for="{{monArray}}" wx:for-index="bindex" wx:key="item.id">
      <view class="itemName" bindtap='switchTab' data-bindex='{{bindex}}' data-id='{{item.id}}'>{{item}}</view>
    </view>
  </view>

js：

 switchTab: function (e) {
    console.log(e)
    var index = parseInt(e.currentTarget.dataset.index)
}

控制台输出数据就可以包括index了

 

[欢迎访问杭州轨物科技有限公司官网]