Vue router dynamic params

Question

I cannot figure out the correct syntax for passing dynamic param data. I have tried a couple of variations, but I would assume I could inject someValue via:

<router-link :to="{ name: 'Foo', params:{ bar: ${someValue} } }">

However, I keep getting compiler errors.

i think you should do it like <router-link :to="{ name: 'Foo', params:{ bar:someValue} }"> by assuming that someValue is a dynamic property — Boussadjra Brahim
– Boussadjra Brahim, Commented Dec 26, 2018 at 20:19

Boussadjra Brahim · Accepted Answer · 2018-12-26 20:41:27Z

2

You could pass any dynamic property via router-link params like :

 <router-link :to="{ name: 'Foo', params:{ bar:someValue} }">

someValue sould be a data object item or computed property, and if you want to pass a value returned with a method you could do it like :

<router-link :to="{ name: 'Foo', params:{ bar:someMethod()} }">

answered Dec 26, 2018 at 20:41

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue router dynamic params

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related