Append id to router-link in vue.js

Question

I'm running Vue.js and have a for-loop and a trying to generate links with href like /car/xyz:

<router-link to="/car/+ car.id">{{ car.id }}</router-link>

But it fails to render correctly, as I guess I'm appending the car.id wrong to the to value?

Answer 1

Just replace to with :to and format value as a string:

<router-link :to="'/car/' + car.id">{{ car.id }}</router-link>