第一步 在App.vue里面加入公共头部 定义一个v-if=“$route.meta.alive”
<template>
<div id="app">
<Header v-if="$route.meta.alive"/>
<router-view />
</div>
</template>
<script>
import Header from '@/components2/layout/header/index.vue'
export default {
name: 'App',
components:{
Header
}
}
</script>
第二步 在router.js里面定义路由的地方加上meta属性
{
path: '/homePage', //入口首页
component: (resolve) => require(['@/views2/homePage'], resolve),
hidden: true,
meta:{
alive:true
}
},
第三步 显示成功 红色的就是头部