ナビゲーション バーを一部のページに表示し、一部のページに表示しない方法

ルーティング メタ タグを通じて、どのページにナビゲーション バーが必要か、どのページにナビゲーション バーが必要ないかを判断できます。

APP.vue中：

<template>
  <div id="app">
    <div v-if="$route.meta.keepAlive">			//需要导航栏的页面
        <navTop></navTop>
        <router-view></router-view>
    </div>
    <div v-if="!$route.meta.keepAlive">			//不需要导航栏的页面
        <router-view></router-view>
    </div>
  </div>
</template>

<script>
import navTop from '@/components/common/nav.vue';
export default {
    
    
  name:"commonNav",
  components:{
    
    
     navTop
  }
}
</script>

router.js 内:

{
    
    
      path: '/login',
      name:　"Login",
      component: Login,
      meta: {
    
    
        keepAlive: true			//keepAlive这个字段是可以随意更改的
      }
},

このようにすると、ナビゲーション バーは、keepAlive プロパティ値を true に設定したページにのみ表示されます。