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

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

根据文档，对于动态路由，我们应该嵌套文件夹名称为_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

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

解决方法

我不确定我是否理解了整个问题，但我知道 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 年第二季度推出，所以还有一些时间。

在那之前，恐怕您需要手动完成，这是老式的方法。