在Vue的项目中使用了Vue-Router,当某个路由有子级路由时,如下写法:
export default new Router({
routes: [
{
path: '/',
name: 'home',
component: Home,
children:[
{
path:'/',
name: 'user',
component: User,
}
]
}
]
})
会报出如下警告:
[vue-router] Named Route ‘home’ has a default child route. When navigating to this named route (:to=”{name: ‘home’”), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named links instead.
解决办法:
因为当某个路由有子级路由的时候,这时候父级路由需要一个默认的路由,所以父级路由不能定义name
属性,即去除父级的name
属性即可。