[vue-router] Named Route ‘Layout‘ has a default child route. When navigating to this named route (:t

vue项目中使用了vue-router,然后在运行项目的时候,给出了这样的警告:

[vue-router] Named Route 'Layout' has a default child route. When navigating to this named route (:to="{name: 'Layout'"), 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.

项目中的代码是这样的:

routes: [
        {
            path: '/',
            name: 'Layout',
            component: Layout,
            meta: {
                title: "首页",
                requireAuth: true
            },
            children: [
                User
            ]
        },
……
]

警告的原因,是在vue-router中,当有子路由的时候,父级路由需要一个默认的路由,所以这个时候不能给父级路由设置name属性,所以我们把父级路由中的name属性Layout去掉就不会再有警告了.

routes: [
        {
            path: '/',
            // name: 'Layout', //把name属性去掉后就不会再有警告了
            component: Layout,
            meta: {
                title: "首页",
                requireAuth: true
            },
            children: [
                User
            ]
        },
……
]