微信小程序 - tab選項卡（組件）

更新日期：

2019/3/5：首次發布,默認下標“curIndex”超出紅色提示 

2019/3/7：增加tabName,可自定義數據標題名稱（詳情看示例）

 

 

支持單個/多個tab(顯示/隱藏)

參數：

1. tabTitle（tab標題）

2. curIndex（默認下標）

3. bindtabChange（傳回下標接收的函數） - this.triggerEvent

4. tabName （自定義數據名稱）- 2019/3/7

 

 

<tab-switch tabTitle="{{categories}}" curIndex="0" bindtabChange="tabChangeIndex">

  <view hidden="{{idx!=0}}">
    00000
  </view>
  <view hidden="{{idx!=1}}">
    111111
  </view>
  <view hidden="{{idx!=2}}">
    222222
  </view>
  <view hidden="{{idx!=3}}">
    333333
  </view>
  <view hidden="{{idx!=4}}">
    444444
  </view>

  <view hidden="{{idx!=5}}">
    555555
  </view>

  <!-- for循環模式 -->
  <view wx:for="{{categories}}" wx:for-index="idxs" wx:key="item.id">
    <view hidden='{{idx!=idxs}}'>
      {{idxs}}*-{{item.title}}*-{{item.id}}
    </view>
  </view>

</tab-switch>

 

點擊下載：tab切換卡組件示例