NuxtN
Nuxtβ€’4y ago
Dovendyret

Nested optional route parameters

Hello πŸ™‚

I have the following routing structure
--page --[[paramA]] --index.vue --[[paramB]] --index.vue --index.vue

From inspecting my genereated routes using the Vue dev tool this results in following routes:
/index /index/:paramA? /index/:paramA?/:paramB?

When i then navigate in the browser each of my routes will always hit the index page of my ParamB route.
Eg if I in the browser navigate to /index or /index/paramA this will still result in the index page for /index/:paramA?/:paramB?

However

if i programmatically navigate to my route using navigateTo like:
navigateTo( { name: 'index-paramA', params: { paramA: 'something' } })

Then the correct page is shown??? πŸ˜•

Am I misunderstanding how optional routes are working or can someone help me figure out how to solve this?
Was this page helpful?