如何在 nuxt 中创建动态且可互换的嵌套路由？

Question

根据文档，对于动态路由，我们应该使用文件夹名称 _paramname 嵌套文件夹，然后 nuxt 自动为这个动态子文件夹生成路由。我不明白，如何安排文件夹结构，如果路线应该是动态的和可互换的。例如：我有五种或更多类型的过滤器，每种类型包含五到二十种可能的变体。理想情况下，当用户选择一些过滤器时，我想生成如下路由：

/mainfolder/filtertype(n)option/filtertype(n)option/

其中动态“filtertype(n)option”段是可互换的。

如果我创建这样的文件夹结构：

-mainfolder
--_filtertype1
  --_filtertype2   

等，nuxt 以硬顺序创建路由，其中​​无法相互更改过滤器类型段。我想我应该创建一些结构，其中存在任何可能的嵌套路由组合。但它看起来不可扩展、混乱且不清楚。像这样：

-mainfolder
--_filtertype1
  --_filtertype2
    --_fiiltertype3
  --_filtertype3
    --_filtertype2
    
--filtertype2
  --_filtertype1
    --_filtertype3
  --_filtertype3
    --_filtertype1

等等。 此任务是否有任何标准解决方案？

Answer 1

我不确定我是否理解了整个问题，但我知道 Nuxt 3（带有 Vue3）将随 Vue Router 4 一起提供，并且允许在 pages 目录中插入名称。

因此，不是pages/_slug.vue，而是pages/[slug].vue，因此您可以根据自己的意愿对其进行插值。来源：https://nuxtjs.slides.com/atinux/state-of-nuxt-2020#/5/6/6

很遗憾，Nuxt3 可能会在 2021 年第二季度推出，所以还有一段时间。

在那之前，恐怕你需要手动完成，老式的方式。