javascript - Vue嵌套路由

Question

我的 vue 应用程序有以下路线。我在哪里创建了嵌套路由。

使用以下代码，我无法看到我的孩子路线的内容/admin/create-post

当我查看路线时，会显示/admin/create-post其父路线的内容/admin

const routes = [
    {
        path: '/',
        name: 'Home',
        component: () => import('../views/Home')
    },
    {
        path: '/admin', component: () => import('../views/auth/Dashboard'),
        name: 'Dashboard',
        children: [
            {
                path: 'create-post',
                component: () => import('../views/auth/PostEdit'),
                name: 'Create Post'
            },
        ]
    },
    {
        path: '*',
        component: () => import('../views/error/404')
    }
]

工作演示：代码沙箱