嵌套路由的子路由怎么不显示?

端木伊糖 阅读 7

我在用 Vue Router 做后台管理系统,父路由是 /admin,想在它下面嵌套一个 /admin/users 的子路由,但页面只渲染了父组件,子路由的内容完全没出来。

我照着文档写了 children 配置,也加了 ,但就是不生效。是不是哪里写错了?

const routes = [
  {
    path: '/admin',
    component: AdminLayout,
    children: [
      {
        path: 'users',
        component: UserList
      }
    ]
  }
]
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
Code°智玲
检查一下你的 AdminLayout 组件里面有没有 标签?嵌套路由必须要在父组件里用 来渲染子组件。复制过去试试:
template
div
h1 Admin Layout
router-view

这样子路由的内容就能显示出来了。
点赞
2026-03-24 14:00