如何将值从Vue数据传递到href?

时间:2016-11-30 22:36:35

标签: vue.js vue-router

我试图做这样的事情:

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

我无法弄清楚如何将r.id的值添加到href属性的末尾,以便我可以进行API调用。有什么建议吗?

3 个答案:

答案 0 :(得分:213)

您需要使用v-bind:或其别名:。例如,

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

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

答案 1 :(得分:29)

或者你可以用ES6模板文字来做到这一点:

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

答案 2 :(得分:0)

如果要在Vue 2.0中显示来自州或商店的链接,可以按以下方式执行此操作:

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