Vue.js router does not work with dynamic params

Asked Aug 15 '19 at 03:09

Active Aug 15 '19 at 03:27

Viewed 41 times

VueJs Router does not work when accessing a similar path with different parameters.

I am trying to access a dynamic address where only changes the ID of the page that goes as a parameter.

The address in the browser changes, but the page content continues from the current state.

Could anyone help?

this.$router.push({ path: `/vendas/detalhes/${data.id}` })

edited Aug 15 '19 at 03:27

Smokey Dawson

asked Aug 15 '19 at 03:09

marcelo.delta

Can you should your defined route? – Rehmat Aug 15 '19 at 03:10
{ path: '/vendas/detalhes/:id', component: () => import('/pages/detalhes.vue') }, – marcelo.delta Aug 15 '19 at 03:14
Can't you define a named route? And try passing in the `id` as a param? – Rehmat Aug 15 '19 at 03:16
It also does not work. Same result. – marcelo.delta Aug 15 '19 at 03:21
Here is the relevant part in the vue-router documentation ~ https://router.vuejs.org/guide/essentials/dynamic-matching.html#reacting-to-params-changes – Phil Aug 15 '19 at 03:30
How can I do it? Could you exemplify? – marcelo.delta Aug 15 '19 at 05:12
Define route as: { name:'detalhes', path: '/vendas/detalhes/:id', component: () => import('/pages/detalhes.vue') } and in component use the following: this.$router.push({ name: 'detalhes', params: { id: data.id } }) – kapa89 Aug 15 '19 at 05:57
I've done this, but it doesn't work – marcelo.delta Aug 15 '19 at 06:01

0 Answers0