vue router提示 [vue-router] Named Route ‘layout‘ has a default child route.

Posted 奥特曼 

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue router提示 [vue-router] Named Route ‘layout‘ has a default child route.相关的知识,希望对你有一定的参考价值。

代码

const routes = [
  {
    path: '/',
    name: 'layout', // 当已经有子路由了,这时候父级需要一个默认路由
    component: () => import(/* webpackChunkName: "about" */ '../views/layout/layout.vue'),
    children: [
      {
        path: '/',
        name: 'home',
        component: () => import('../views/home/home.vue')
      }

    ]
  }
]

父路由已经有子路由了  父路由要给子路由一个默认的路由 , 使用name跳转layout路由时 不会触发子路由 

所以删掉父路由中的name!!!!!!!!!!!!!!!!!!!!!!

 

 

 

 

 

 

 

 

以上是关于vue router提示 [vue-router] Named Route ‘layout‘ has a default child route.的主要内容,如果未能解决你的问题,请参考以下文章

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

Vue-router路由的简单使用

Vue3 如何使用 vue-router 以及路由权限拦截

vue-router 手势滑动触发返回功能

ts+vue3+vite+pinia+vue-router 踩坑合集

Vite+Vue3+Vue-Router@4+Pinia 快速起步