vue.js - ¿Cómo pasar un valor de datos Vue a href?
vue-router (3)
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?
Necesita usar
v-bind:
o su alias
:
Por ejemplo,
<a v-bind:href="''/job/''+ r.id">
o
<a :href="''/job/'' + r.id">
O puede hacerlo con la plantilla ES6 literal:
<a :href="`/job/${r.id}`"
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>