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

sai2333
  • 45

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

回复
阅读 3k
4 个回答
✓ 已被采纳

在进行路由配置的时候,有一个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"/>

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

你可以在brforeRouterEnter中做判断

this.$route.name验证一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏