Vue Router嵌套路由子组件不显示怎么办?
我用 Vue 3 + Vue Router 4 做了个后台管理页面,父路由是 /admin,想在里面嵌套子路由比如 /admin/users,但子组件就是不渲染出来。我在父组件里写了 ,路由配置也用了 children,是不是哪里写错了?
这是我的路由配置:
const routes = [
{
path: '/admin',
component: () => import('@/views/AdminLayout.vue'),
children: [
{
path: 'users',
component: () => import('@/views/UserList.vue')
}
]
}
];
访问 /admin/users 时页面空白,控制台也没报错,真的搞不懂了……
确保这个标签在父组件里,然后刷新页面试试。