我定义了这样的路由
{
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>