nuxt-child 不渲染父组件

Question

我的文件夹结构是这样的：

|-profile
|-- index.vue
|-- address/index.vue

然后我执行 <nuxt-child />，它不会呈现 profile/index.vue 的内容！它只是加载了一条全新的路线。请帮忙！

Answer 1

上面的文件夹结构将创建一个全新的路径，而不是嵌套的路径。

您可以在 Nuxt.js Routing 文档示例中看到完全相同的结构。

文档中也提供了 nested routes 的示例

在您的情况下，为了在 <nuxt-child> 中呈现嵌套路由，以下结构将起作用：

|-pages/
|--| profile/
|-----| address.vue
|-----| index.vue
|--| profile.vue

并且 <nuxt-child> 标签应该在 profile.vue 页面内。这样 profile/index.vue 将在用户导航到 /profile 时呈现，而 address.vue 将在用户导航到 /profile/address.

时呈现

nuxt-child doesn't render the parent component