vue路由,父子路由跳转,父页面隐藏
1. 路由配置子路由的path不要加/showfater用于显示隐藏父路由内容{path:"/index",component:Index,name:"index",children:[path:"child",component: Child,name:"child",meta:{showfater: false}],meta:{showfater: true}}2. 父
·
1. 路由配置
- 子路由的path不要加/
- showfater用于显示隐藏父路由内容
{
path:"/index",
component:Index,
name:"index",
children:[
path:"child",
component: Child,
name:"child",
meta:{
showfater: false
}
],
meta:{
showfater: true
}
}
2. 父路由页面
- 要写router-view来显示子组件
- 在需要隐藏的父内容中使用$ route. meta.showfater来显示隐藏
- 跳转 this.$ router.push({name:" child"})
<template>
<div>
<div v-show="$route.meta.showfater">父路由内容</div>
<router-view></router-view>
</div>
</template>
this.$router.push({name:"child"})
更多推荐
已为社区贡献6条内容
所有评论(0)