Question

鉴于我具有当前结构：

pages/
--| _user/
-----| _list/
--------| _bookmark/
-----------| index.vue
--------| index.vue
-----| _list.vue

然后，我试图建立一个可以访问用户个人资料的结构。

/<profile-name>

然后访问由他们列出的显示孩子的子路线的列表

/<profile-name>/<list-name>

这很好用；我将_list.vue用作父对象，并在其中显示了_list/index.vue。

但是现在我要添加一条路线

/<profile-name>/<list-name>/<bookmark-name>

哪些不应该为_list.vue使用父级

但是，_bookmark/index.vue嵌入在_list.vue的内部，我希望它是一个完全独立的页面。

Answer 1

为此，我不得不将页面从/pages文件夹移至components文件夹。

这样，我可以防止Nuxt自动生成不需要的路由，然后可以像这样手动地通过路由器配置扩展路由：

router: {
  extendRoutes(routes, resolve) {
    routes.push({
      name: 'bookmark',
      path: '/:slug/:list/:id',
      component: resolve(__dirname, 'components/pages/bookmark.vue')
    })
  }
}

使用nuxt-child

1 个答案: