vue router-view 问题

Question

现有一个老项目
结构是这样的
app.vue:

<div id="app">
    <Header />
    <Menu />
    <router-view></router-view>
</div>

header和menu组件是一些菜单，就是一个常规的后台项目，点击菜单，router-view里面的组件会切换。

现在有一个需求，要给外部门提供项目里其中的一个页面，但不要显示header和menu，怎么能提供一个独立的地址给别人呢？
怎么写router的配置文件...

Answer 1

1. 导航跟地址没关系，只要你 router 里面能解析，打开就能看到东西。
2. 可以通过计算属性+this.$route.name 来隐藏侧边栏和菜单

Answer 2

// 弄个变量 例：xxxxx
<div id="app">
    <Header v-if="xxxxx"/>
    <Menu v-if="xxxxx"/>
    <router-view></router-view>
</div>

Answer 3

你配置一个跟app.js同级的路由（例如一个登陆页不含头部菜单）

{
    path: '/login',
    name: 'Login',
    component: () => import('...')
    
 },
{
    path: '', //（app.js 主入口 可以拆分出去）
    component: App,
    children: [ //outer-view里面的组件会切换页面
        {
            ...
        }
    ]
 }

Answer 4

地址url可以带上一个特定标识参数，head/menu使用v-if进行条件判断，如果url有特定标识则不显示