Vue提示warn：”[vue-router] Named Route ‘home’ has a default child route…”

14,458次阅读

共计 529 个字符，预计需要花费 2 分钟才能阅读完成。

在 Vue 的项目中使用了 Vue-Router，当某个路由有子级路由时，如下写法：

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      children:[
        {
          path:'/',
          name: 'console',
          component: Console,
        }
      ]
    }
  ]
})

如果写法是如上的写法，就会报出如下警告：

[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 属性，SO 解决办法是：即去除父级的 name 属性即可。

正文完

使用官方微信小程序体验更多功能