微信小程序tab栏切换

• 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
            })
        }
    },

转载于:https://www.cnblogs.com/luxiaoyao/p/9096706.html