Vue：Nuxt：nuxt-child内部未显示内容

Question

我的页面结构是：

pages/
--| music/
-----| index.vue
-----| rock.vue
-----| pop.vue

我的文件代码是：

music / index.vue

<template>
   <div> 
      <nuxt-link :to="localePath('music-rock')">Rock</nuxt-link>
      <nuxt-link :to="localePath('music-pop')">Pop</nuxt-link>
   </div>

   <div>
      <nuxt-child/>
   </div>
</template>

music / rock.vue

<template>
   <div>🎸🎶🤘</div>
</template>

但是在music路线上并单击Rock链接时，页面将完全使用rock.vue内容打开，而不是仅在nuxt-child元素内部。

我做错了什么？

（由于这是一个制表符系统，我该如何设置默认路由？

Ps：localePath是i18n的一部分

Answer 1

已解决。

我必须

将/music/index.vue移动到/music.vue
• 使用/music/index.vue的默认内容创建nuxt-child

现在正在工作。 😄