子路径组件未在vue js中呈现

Question

我已经定义了路线

{
        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>

Answer 1

使用嵌套路由时,子组件依赖于父组件.要在访问子路径时呈现子组件,您必须调用它

<router-view></router-view> 也在父组件内部.

如果您的路径是独立的,请不要将其作为子项.如果您注册子路由,请继续<router-view></router-view>使用父组件(在任何嵌套级别上).如果你用/它启动嵌套路由将被视为根路径. 阅读更多