Nuxt路由器比Nuxt-Child更深入

Question

我正在使用Nuxt Child组件，但也希望更深地链接到child。

我认为这最能说明问题。

example.com/cars               <-- cars.vue (has nuxt-child)
example.com/cars/bmw/          <-- cars/_maker.vue (this is the child)
example.com/cars/ford/         <-- cars/_maker.vue (this is the child)
example.com/cars/bmw/i3        <-- cars/_maker/type.vue (shows wrong template)
example.com/cars/ford/mustang  <-- cars/_maker/type.vue (shows wrong template)

_type.vue未呈现，它使用_maker.vue模板。

我没有扩展的路由设置，这完全是目录结构路由的问题。

如何获取/i3和/mustang路由以使用type.vue模板？

我认为我可以通过不使用Nuxt-Child并执行类似的操作来做到这一点，但我会放弃Nuxt-Child的良好行为。

example.com/cars               <-- cars/index.vue
example.com/cars/bmw/          <-- cars/_maker/index.vue
example.com/cars/bmw/i3        <-- cars/_maker/_type.vue

Answer 1

尝试像这样在pages文件夹上设置结构。

pages/
--| _cars.vue/
-----| _maker/
--------| _type.vue
--------| index.vue
-----| _maker.vue
-----| index.vue
--| _cars.vue
--| index.vue

只需在<nuxt-child/>，_cars.vue和_maker.vue中添加_type.vue，并在不需要时删除index.vue文件。