Jak przekazać wartość z danych Vue do href?

Próbuję zrobić coś takiego:

<div v-for="r in rentals">
  <a bind-href="'/job/'r.id"> {{ r.job_title }} </a>
</div>  

Nie mogę dowiedzieć się, jak dodać wartość atrybutu r.idna końcu, hrefaby móc wykonać wywołanie interfejsu API. Jakieś sugestie?

Musisz użyć v-bind:lub jego aliasu :. Na przykład,

<a v-bind:href="'/job/'+ r.id">

lub

<a :href="'/job/' + r.id">

Lub możesz to zrobić za pomocą literału szablonu ES6:

<a :href="`/job/${r.id}`"

Jeśli chcesz wyświetlać linki pochodzące z Twojego stanu lub sklepu w Vue 2.0, możesz zrobić tak:

<a v-bind:href="''"> {{ url_link }} </a>