Comment passer une valeur de données Vue à 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 n'arrive pas à comprendre 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, procédez comme suit:

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