Vue.js 未在vue js中呈现子路由组件

我定义了这样的路线

{
        path:'/admins',
        name:'admin.admins',
        component: Admin,
        children: [
            {
              path:'add',
              name:'admin.add',
              component:addAdmin
            },
            {
              path:'edit/:id',
              name:'admin.edit',
              component:editAdmin
            }
        ]
    }

如果我宣布孩子们的路线外面的孩子们喜欢

{
        path:'/admins',
        name:'admin.admins',
        component: Admin
    },
    {
      path:'/add',
      name:'admin.add',
      component:addAdmin
    },
    {
      path:'/edit/:id',
      name:'admin.edit',
      component:editAdmin
    }

一切正常，但当访问子路由时，浏览器中的url会更改，但组件不会加载。访问父路径和子路径时，仅显示父元素。 我打电话给你

<router-link :to="{ name:'admin.add' }"><i class="fa fa-plus"></i> Add Admin</router-link>

添加管理员

---

根据文档，您的子路由将在嵌套的

中呈现。检查设置是否正确。

使用嵌套管线时，子组件依赖于父组件。要在访问子路径时呈现子组件，必须调用

也位于父组件内部

如果你的路径是独立的，不要让它成为孩子。如果注册子管线，请将

放在父组件上（任何嵌套级别）

如果使用

/

启动嵌套路由，它将被视为根路径。

---

分享现场演示以及您如何调用这些路线？问题已更新。请检查您是否为父组件添加了

路由器视图

？检查请共享实时演示或至少

组件：Admin，

？我已经完成了。