1. 程式人生 > >微信小程序tab欄切換

微信小程序tab欄切換

-c ase iss fun ren active hid get clas

  • 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欄切換