nuxt-child 不呈现父组件

Question

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

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

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

Answer 1

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

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

文档中也提供了嵌套路由的示例

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

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

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