vue-router子路由根据不同的页面决定是否显示页脚

Question

vue-router嵌套路由，子路由根据不同的页面决定是否显示页脚，（有些页面需要页脚，有些不需要）。各位大佬有哪些好办法。谢谢告知。

Answer 1

在进行路由配置的时候,有一个mate属性,我们可以在里面设置一些参数,比如设置keepAlive,配置页面是否启用keep-alive

<keep-alive v-if="$route.meta.keepAlive">
    <router-view class="content"></router-view>
</keep-alive>
<router-view v-else class="content"></router-view>

同样的,我们也可以设置一些别的属性,如

{ path: '/manage', component: MDclm, mate:{keepAlive: true, showFoot: true} }
    
<mFooter v-if="$route.meta.showFoot"/>

Answer 2

可以在router.js，meta里设置一个字段控制

Answer 3

this.$route.name验证一下

Answer 4

你可以在brforeRouterEnter中做判断