NuxtJS子动态页面未通过nuxt-link导航到/呈现

Question

如果我的文件结构是：

- pages
-- catrules.vue
-- catrules/
---- _id.vue

子页面不会呈现（但网址会更新，并且页面会保留在父页面上）：<nuxt-link :to="'/catrules/' + catrule.slug">{{ catrule.ruleid }}</nuxt-link>

如果我将目录catrules的名称更改为catrule，那么一切都会按预期进行：

- pages
-- catrules.vue
-- catrule/
---- _id.vue

<nuxt-link :to="'/catrule/' + catrule.slug">{{ catrule.ruleid }}</nuxt-link>

Answer 1

您必须使用此结构：

- pages
-- catrules/
---- _id.vue
---- index.vue

所以只需将pages/catrules.vue重命名为pages/catrules/index.vue