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。