vuejs MuseUI 页面刷新 底部导航栏会回到起始路由页面

Question

vuejs MuseUI 页面刷新 底部导航栏会回到起始路由页面 ，如何解决？

publicFooter.vue

<template>
    <div class="publicfooter">
      <mu-paper class="bottomFixed">
        <mu-bottom-nav :value="bottomNav" shift @change="handleChange">
          <mu-bottom-nav-item value="index" title="发现" icon="search" href='#/index'/>
          <mu-bottom-nav-item value="topic" title="话题" icon="chats" href='#/topic'/>
          <mu-bottom-nav-item value="goods" title="干货" icon="extension" href='#/goods'/>
        </mu-bottom-nav>
      </mu-paper>
    </div>
</template>
<style lang="less" >
  .bottomFixed{
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index:1000;
  }
</style>
<script type="text/ecmascript-6">
    export default{
      data() {
        return {
          bottomNav: 'index',
        }
      },
      methods: {
        //底部切换
        handleChange (value) {
          this.bottomNav = value
        }
      }
    }
</script>

App.vue

<template>
  <div class="app">
    <publicfooter  v-show="$route.meta.navShow"></publicfooter>
    <router-view></router-view>
  </div>
</template>
<script type="text/ecmascript-6">
  import publicfooter from "./components/public/publicFooter"
  export default{
    data() {
      return {}
    },
    components: {
      publicfooter
    }
  }
</script>

Answer 1

created:function () {

this.bottomNav =this.$route.path;

}