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')
    }
]

正在运行的演示：Code sandbox