Nested optional route parameters
Hello
I have the following routing structure
From inspecting my genereated routes using the Vue dev tool this results in following routes:
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
However
if i programmatically navigate to my route using navigateTo like:
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?
I have the following routing structure
--page
--[[paramA]]
--index.vue
--[[paramB]]
--index.vue
--index.vueFrom 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?