vue.js 显示/不能显示子路由

ndasle7k  于 2023-05-29  发布在  Vue.js
关注(0)|答案(1)|浏览(213)

如下图所示,只有在//出现时才能显示,想用main作为模板应用子路由enter image description hereenter image description hereenter image description here如何解决这个问题

elcex8rz

elcex8rz1#

children数组中,必须定义一个命名路径才能呈现它。在你的情况下,它应该是这样的:

const routes = [
      path: '/',
      component: () => import('../views/Main.vue'),
      children: [
        {
          path: 'home',
          name: 'home',
          component: () => import('../views/home/Home.vue')
        }
      ]
    ]

您基本上是在这里创建子路由,这意味着如果父路由是'/',子路由是'home',则home组件将显示在路径'/home'上。在此路由中,'/'是父路由,'home'是子组件路由。

相关问题