【问题标题】:Multiple dynamic routes on the same level in Nuxt possible?Nuxt 中同一级别的多个动态路由可能吗?
【发布时间】:2021-05-23 21:12:43
【问题描述】:

在 NuxtJS 中是否可以在同一级别上拥有多个动态路由?

我试过了,但它不起作用:

pages
--_article.vue
--_city.vue

我正在使用 Nuxt Content,并希望在同一页面级别上以独特的布局/设计动态加载不同的内容。

【问题讨论】:

  • 你的意思是子路由吗?就像您有一个页面,并且在该页面中您有不同的路线。例如,您有这样的帐户页面/帐户,并且其中有不同的页面。 /account/main, /account/更改密码。像这样?
  • 我正在寻找一种在顶层提供不同内容的方法,如下所示:/article1、/article2、/city1、/city2 等。但每个都有不同的布局/设计两种类型的内容。不确定 Nuxt 是否有可能
  • 如果您接受我的回答,如果它对您有用,我将不胜感激。 stackoverflow.com/help/someone-answers

标签: vue.js nuxt.js vue-router nuxt-i18n


【解决方案1】:

您可以简单地为城市和文章创建两条不同的路线,并在它们下动态生成路线。例如,您的 pages 文件夹应如下所示:

---| article
-----| _slug.vue
---| city
-----| _slug.vue

有了这个,你可以实现如下路线:

/city/:city_id
/article/:article_id

【讨论】:

    猜你喜欢
    • 2020-08-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-11
    • 2023-01-23
    • 2021-01-20
    • 2019-12-21
    相关资源
    最近更新 更多