vueでは、いくつかのルートページの隠しナビゲーションバーの機能操作を実現します。

<header>
  ...
</header>
<router-view></router-view>

<header v-show="$route.name!=='login'">
  ...
</header>
<router-view></router-view>

<script>
export default {
 beforeCreate() {
   console.log(this.$route)
   const nextPath = this.$route.query.nextPath
  this.$router.replace({ path: nextPath})
  console.log("  ")
  console.log(nextPath)
 },
 render: function(h) {
  return h() // avoid warning message
 }
}
</script>

//         
  reloadRouter(path) {
   this.$router.replace({
    path: "/redirect",
    query: {
     nextPath: path
    }
   });
  }