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