Hey everyone,
I'm currently diving into working with the vue-router and Vuex Store. I'm facing a challenge where I have a route that consists of two dynamic parameters (:id, :templateId).
My question is, what do I need to specify in my routes configuration in order to properly handle this nested dynamic URL? Typically, I only deal with level one routes.
index.ts
const routes: Array<RouteRecordRaw> = [
{
path: '/',
redirect: '/login',
},
{
path: '/login',
component: LoginField,
},
{
path: '/features',
component: FeaturePage,
children: [
{path: ':id', component: FeaturePage, props: true}
]
},
{
path: '/features/:id/template/:templateId',
component: TemplatePage,
},
{
path: '/notFound(.*)',
redirect: '/features',
},
];