• index.wxml

  <text  data-current="0" class="{{currentTab == 0? ‘active‘ : ‘‘}}">消息</text>
  <text  data-current="1" class="{{currentTab == 1 ? ‘active‘ : ‘‘}}">通知</text>
  <view hidden="{{isShow}}">消息</view>
  <view hidden="{{!isShow}}">消息</view>

• index.js

  data: {
  isShow: true,
  currentTab: 0
  }
  switcher: function (e) {
      if (this.data.currentTab == e.target.dataset.current) {
          return false
      } else {
          var showMode = e.target.dataset.current == 0;
          this.setData({
              currentTab: e.target.dataset.current,
              isShow: showMode
          })
      }
  },
   
  

微信小程序tab欄切換