微信小程序 - tab切换卡（组件）

更新日期：

2019/3/5：首次发布,默认下标“curIndex”超出红色提示 

支持单个/多个tab(显示/隐藏)

参数：

1. tabTitle（tab标题）

2. curIndex（默认下标）

3. bindtabChange（传回下标接收的函数） - this.triggerEvent

<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切换卡组件示例

标签：下标,微信,默认,item,tab,组件,curIndex
来源： https://www.cnblogs.com/cisum/p/10479866.html