首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在nuxt中创建动态的、可互换的嵌套路由?

如何在nuxt中创建动态的、可互换的嵌套路由?
EN

Stack Overflow用户
提问于 2021-03-04 17:14:11
回答 1查看 394关注 0票数 2

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

代码语言:javascript
复制
/mainfolder/filtertype(n)option/filtertype(n)option/

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

如果我像这样创建文件夹结构:

代码语言:javascript
复制
-mainfolder
--_filtertype1
  --_filtertype2   

等等,nuxt以硬顺序创建路由,其中没有方法彼此更改过滤类型段。我想我应该创建一些结构,其中有任何可能的嵌套路由组合。但它看起来不可伸缩、混乱和不明确。如下所示:

代码语言:javascript
复制
-mainfolder
--_filtertype1
  --_filtertype2
    --_fiiltertype3
  --_filtertype3
    --_filtertype2
    
--filtertype2
  --_filtertype1
    --_filtertype3
  --_filtertype3
    --_filtertype1

等等。这个任务有什么标准的解决方案吗?

EN

回答 1

Stack Overflow用户

发布于 2021-03-07 08:03:00

我不确定我是否理解了整个问题,但我知道Nuxt3(带有Vue3)将与Vue Router4一起提供,并将允许在pages目录中插入名称。

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

不幸的是,Q2 2021年可能会推出Nuxt3,所以还有一段时间要走。

在此之前,我担心您需要手动完成,这是老式的方式。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66471923

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档