前端頁面有四個選項卡，繫結一個點選事件，然後把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'
    })
    }
  },
 

如果有問題歡迎留言進行交流哦~~