Vue: Nuxt:没有显示在nuxt里面的内容

Question

我的页面结构是：

pages/
--| music/
-----| index.vue
-----| rock.vue
-----| pop.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>

音乐/摇滚

<template>
   <div></div>
</template>

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

我做错什么了？

(我如何设置默认路由，因为它是一个选项卡系统？)

Ps：localePath是i18n的一部分

Answer 1

解决了。

我不得不

/music.vue

• create

• 将/music/index.vue移动到具有nuxt-child

默认内容的/music/index.vue

现在起作用了。