嵌套路由配置

1.配置路由

{
path: '/user',
component: User,
name: 'user',
children:[
{ path: 'useradd', component: UserAdd },
{ path: 'userlist', component: UserList }
]
}

2.父路由里面配置子路由显示的地方 <router-view></router-view>

< div class= "user" >
< div class= "left" >
< ul >
< li >
< router-link to= "/user/useradd" >增加用户 </ router-link >
</ li >
< li >
< router-link to= "/user/userlist" >用户列表 </ router-link >
</ li >
</ ul >
</ div >
< div class= "right" >
< router-view ></ router-view >
</ div >
</ div >

猜你喜欢

转载自blog.csdn.net/a13330069275/article/details/81011707