vue中使用路由嵌套时,子路由不渲染

在使用路由嵌套时,子路由使用子组件时,子路由页面并没有渲染。
求帮忙解答一下。 谢谢!
1.路由嵌套
图片描述

2.路由跳转
图片描述

3.子路由使用了 childHeader 组件
图片描述

4.childHeader 组件
图片描述

5.
图片描述

阅读 34.2k
4 个回答

1.子组件路由配置错了,path不要加 /
2.父组件没有router-view,
3.如果子组件要渲染父组件整个页面,既然用不到父组件的内容何必要定义成父子组件呢,换成兄弟组件
4.如果父子组件,子组件要渲染父组件整个页面,那子组件只能定位了,设置z-index,覆盖父组件。。

第四我试过,是可以的

使用vue-router的子路由,需要在父组件利用router-view占位。

router-view 没有吧

路由配置错了,children里面的path 不要加 / ,加了就表示是根目录下的路由。你现在这种配置下来,其实是/#/profile

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