vue-router tab切换怎么隐藏tab栏

Question

各位大神，我现在想用vue-router去实现一个tab切换的功能，代码如下：

效果如下图：

但是现在有个问题，就是当我路由为'/forthTab'的时候，tab1，tab2，tab3这三个tab都还在，但是我想让路由为‘／forthTab’时不出现这三个tab切换的按钮，应该怎么做呢？希望大家能指点一下，谢谢啦～

Answer 1

多建一个tab.vue写一层嵌套路由

app.vue

tab.vue

router.js

Answer 2

给 .centermenu 加个 v-if，判断一下 $route.path

Answer 3

你可以把<router-view></router-view>放到最外面的组件里试试。