Comment passer une valeur de Vue data à href?

Question

J'essaie de faire quelque chose comme ça:

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

Je ne vois pas comment ajouter la valeur de r.id à la fin de l'attribut href afin que je puisse effectuer un appel d'API. Aucune suggestion?

Answer 1

Vous devez utiliser v-bind: ou son alias :. Par exemple,

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

ou

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

Answer 2

Ou vous pouvez le faire avec le template littéral ES6:

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

Answer 3

Si vous souhaitez afficher les liens provenant de votre état ou magasin dans Vue 2.0, vous pouvez procéder comme suit:

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