Comment passer une valeur de données Vue À href?

J'essaie de faire quelque chose comme ceci:

<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 faire un appel D'API. Toutes les suggestions?

52
demandé sur thanksd 2016-12-01 01:36:34

3 réponses

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

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

Ou

<a :href="'/job/' + r.id">
136
répondu asemahle 2016-12-01 02:04:30

, Ou vous pouvez le faire avec ES6 modèle littérale:

<a :href="`/job/${r.id}`"
18
répondu Ardhi 2017-07-13 06:01:46

Si vous souhaitez afficher des liens provenant de votre état ou de votre magasin dans Vue 2.0, vous pouvez le faire comme suit:

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

1
répondu Waqar Shahid 2018-04-23 11:29:06