Как передать значение из данных Vue в href?

Question

Как передать значение из данных Vue в href?

Я пытаюсь сделать что-то вроде этого:

<div v-for="r in rentals">

  <a bind-href="'/job/'r.id"> {{ r.job_title }} </a>

</div>

Я не могу понять, как добавить значение r.id до конца href атрибут, так что я могу сделать вызов API. Есть предложения?

539 3

vue.js vue-router

3 ответов:

Comments

Ничего не найдено.

asemahle · Accepted Answer · 2016-12-01 04:04:30

вы должны использовать v-bind: или его псевдоним :. Например,
<a v-bind:href="'/job/'+ r.id">
или
<a :href="'/job/' + r.id">

Ardhi · Accepted Answer · 2017-07-13 09:01:46

или вы можете сделать это с помощью литерала шаблона ES6:
<a :href="`/job/${r.id}`"

Waqar Shahid · Accepted Answer · 2018-04-23 14:29:06

Если вы хотите отобразить ссылки, поступающие из вашего состояния или магазина в Vue 2.0, вы можете сделать это следующим образом:

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