怎么实现router-view里不调用app.vue里的另一个组件？

Question

如题，页面结构如下：

// app.vue
<div>
    <router-view />
    <component-a>
</div>

这个component-a是在进入任意页面都会被创建，但是现在router-view下的有一个页面不希望创建，该如何实现？

Answer 1

在套一个router-view，然后路由里定义是否需要a组件，我觉得楼上说的vif应该可行啊

Answer 2

1. component-a 放在需要的组件下
2. 监听当前路由，满足特定条件使用v-if显示component-a

Answer 3

你的compinent-a是怎么用的？能不能做成this.xxx的调用方式？

Answer 4

<component-a v-if="$route.name!=='xxx'">

Answer 5

// app.vue
<div>
    <router-view />
</div>
// parent.vue
<div>
    <router-view />
    <component-a>
</div>

不显示component-a的映射到 app 组件，显示的映射到 app 下的 parent，也就是在router里配置加一层父组件 parent（app下）