微信小程序怎么把前端for循环的index值让当前页的js获取到

版权声明：本文为博主原创文章，未经博主同意不得转载 https://blog.csdn.net/qq_38215042/article/details/85684277

前端页面有四个选项卡，绑定一个点击事件，然后把index的值绑定到data-id上，然后你点击哪一个就会获取哪一个的index的值，比如我点击了“参与会员”，那么就会获取到1

js通过点击获取到的下标进行选项卡的切换

test.wxml

<scroll-view class='scroll' scroll-x="true" style="width: 100%">
  <view wx:for="{{nav}}"  class='{{index == 0 ? "navTitleLine" : "navTitle"}}'>
    <view bindtap='Jump' data-id='{{index}}' class='navTitleCon'>{{item}}</view>
  </view>
</scroll-view>

test.js

  /**
     * 点击跳转到参与会员/音乐列表/相关评论
     */

  Jump: function (e) {
    // 获取点击选项卡的下标
    var id = e.currentTarget.dataset.id;
    if(id==1){   
      wx.navigateTo({
        url: '../xiangqing1/xiangqing1'
      })
    } else if (id==2) {
      wx.navigateTo({
        url: '../xiangqing2/xiangqing2'
      })
    }else{
    wx.navigateTo({
      url: '../xiangqing3/xiangqing3'
    })
    }
  },

如果有问题欢迎留言进行交流哦~~