Nuxt路由两个可选参数

时间:2020-10-13 10:04:18

标签: vue.js vuejs2 parameters nuxt.js router

我有nuxt应用。我想创建这样的路径:

path: '/dworzec-pkp/:slug/:category?/:date?',

因此会有两个可选参数。网址示例为:

  • localhost:5555/dworzec-pkp/nowa-iwiczna <-没有可选参数
  • localhost:5555/dworzec-pkp/nowa-iwiczna/12-10-2020 <-可选参数:日期
  • localhost:5555/dworzec-pkp/nowa-iwiczna/departures <-可选参数:类别
  • localhost:5555/dworzec-pkp/nowa-iwiczna/departures/12-10-2020 <-可选参数:日期和类别

我怎么知道url是否包含类别或日期?我应该只创建目录dworzec-pkp/_slug并在其中_.vue文件中,然后以编程方式确定它是date还是category吗?或者也许有更好的解决方案?


目前我尝试这样:

enter image description here

我的问题是,当我输入此localhost:5555/dworzec-pkp/nowa-iwiczna/12-10-2020时,它将被视为:category?。我还需要基本上将整个_date.vue和index.vue复制粘贴到那里,因为这些页面几乎是相同的。

0 个答案:

没有答案