Cómo mostrar la barra de navegación en algunas páginas y no en algunas páginas
Puede juzgar qué páginas necesitan una barra de navegación y qué páginas no necesitan una barra de navegación a través de las metaetiquetas de enrutamiento.
En 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>
En enrutador.js:
{
path: '/login',
name: "Login",
component: Login,
meta: {
keepAlive: true //keepAlive这个字段是可以随意更改的
}
},
De esta forma, la barra de navegación solo se mostrará en la página donde establezca el valor de la propiedad keepAlive en verdadero.