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?
Just replace to with :to and format value as a string:
<router-link :to="'/car/' + car.id">{{ car.id }}</router-link>
Check out the documentation; the recommended way is to bind the path as an object.
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
<router-link :to="{ name: 'car', params: { id: car.id }}">{{ car.id }}</router-link>
routes array look?
{ path: '/car/:id', component: CAR, name: 'car', props: true } should work ;)I think it's better to write like this...
<router-link :to="`/car/${car.id}`">{{ car.id }}</router-link>
for template literals: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
for binding in vue: https://vuejs.org/guide/essentials/class-and-style
