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?0 Replies