Nuxt路由双可选参数

BT1*_*101 6 parameters router vue.js vuejs2 nuxt.js

我有 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?或者也许有更好的解决方案?


目前我尝试这样:

在此输入图像描述

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