Vux: [Bug Report] 关于tabbar组件，在跳转页面时的问题！

Created on 30 May 2018 · 7Comments · Source: airyland/vux

VUX version

2.9.1

OS/Browsers version

chrome 66.0.3359.181

Vue version

2.5.2

Code

App.vue:
<template>
    <div id="app" style="height:100%;">
        <x-header slot="header" style="width:100%;position:absolute;left:0;top:0;z-index:100;" title="文件办理">
        </x-header>
        <view-box ref="viewBox" body-padding-top="46px">
            <!-- <router-view></router-view> -->
            <keep-alive>
                <router-view v-if="$route.meta.keepAlive"></router-view>
            </keep-alive>
            <router-view v-if="!$route.meta.keepAlive"></router-view>
        </view-box>
    </div>
</template>
<script>
import { ViewBox, XHeader } from 'vux'
export default {
    name: 'app',
    components: {
        XHeader,
        ViewBox
    }
}
</script>
<style lang="less">
    @import '~vux/src/styles/reset.less';

html,
body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}
</style>
</style>

Index.vue:
<template>
    <div style="height:100%;">
        <router-view></router-view>
        <tabbar slot="bottom">
            <tabbar-item link="/index/undo" selected>
                <img slot="icon" src="../assets/icon_undo_normal.png">
                <img slot="icon-active" src="../assets/icon_undo_active.png">
                <span slot="label">待办</span>
            </tabbar-item>
            <tabbar-item link="/index/done">
                <img slot="icon" src="../assets/icon_done_normal.png">
                <img slot="icon-active" src="../assets/icon_done_active.png">
                <span slot="label">已办</span>
            </tabbar-item>
            <tabbar-item link="/index/mine">
                <img slot="icon" src="../assets/icon_mine_normal.png">
                <img slot="icon-active" src="../assets/icon_mine_active.png">
                <span slot="label">我的</span>
            </tabbar-item>
            <tabbar-item link="/index/start">
                <img slot="icon" src="../assets/icon_new_normal.png">
                <img slot="icon-active" src="../assets/icon_new_active.png">
                <span slot="label">发起</span>
            </tabbar-item>
        </tabbar>
    </div>
</template>
<script>
import { Tabbar, TabbarItem, ViewBox, } from 'vux'
export default{
    components:{
        Tabbar,
        TabbarItem,
        ViewBox
    },
    data(){
        return{
            currentIndex:0
        }
    },
    methods:{
        tabChanged(index){
            this.currentIndex = index;
        }
    }
}

</script>