Comment passer d'une valeur à partir de la Vue de données d'href?

Je suis en train de faire quelque chose comme ceci:

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

Je ne peux pas comprendre comment ajouter de la valeur de r.id à la fin de la href attribut afin que je puisse faire un appel d'API. Des suggestions?

InformationsquelleAutor bbennett36 | 2016-11-30
  1. 268

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

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

    ou 

    <a :href="'/job/' + r.id">
    • Im obtenir une erreur de compilation avec les deux, même si il doit travailler. Peut-être il a il ya un problème, puisqu'il est à l'intérieur d'un v-pour?
    • Il avait besoin d'un "+". Cela a fonctionné <a :href="'/job/' + r.id">{{ r.job_title }}</a>
    InformationsquelleAutor asemahle
  2. 41

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

    <a :href="`/job/${r.id}`"
    • Merci, cela fonctionne comme un charme
    InformationsquelleAutor Ardhi
  3. 0

    Si vous souhaitez afficher des liens à venir à partir de votre état ou de les stocker en Vue 2.0, vous pouvez le faire comme ceci:

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

    InformationsquelleAutor Waqar Shahid