vue.js - ¿Cómo pasar un valor de datos Vue a href?

vue-router

Question

Estoy tratando de hacer algo como esto:

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

No puedo entender cómo agregar el valor de r.id al final del atributo href para poder hacer una llamada a la API. ¿Alguna sugerencia?

Answer 1

Necesita usar v-bind: o su alias : Por ejemplo,

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

o

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

Answer 2

O puede hacerlo con la plantilla ES6 literal:

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

Answer 3

Si desea mostrar enlaces procedentes de su estado o tienda en Vue 2.0, puede hacer lo siguiente:

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