LoginSignup
0
0

More than 3 years have passed since last update.

Vue Routerで固定のパスの一部をparamsにしたい

Posted at

動機

下記のようなroutesがあったとして、"/xxx/yyy"にマッチしたときにも$route.params.aaaに"yyy"が入ってきてほしい。

routes: [
  {path: '/xxx/yyy', ...},
  {path: '/xxx/:aaa', ...}
]

解決方法

routes: [
  {path: '/xxx/:aaa(yyy)', ...},
  {path: '/xxx/:aaa', ...}
]

":aaa"のようなパラメータを設定すると、その部分を"[^/]+"という正規表現に置き換えてマッチングするんですが、パラメータの後ろにカッコ付きで正規表現を指定してやると、その正規表現が"[^/]+"の代わりに使用されます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0