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"})
Logo

前往低代码交流专区

更多推荐