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


141

我正在尝试做这样的事情:

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

我不知道如何将的值添加r.idhref属性的末尾,以便可以进行API调用。有什么建议?

Answers:


319

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

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

要么

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

1
我都遇到了编译错误,即使它应该工作。因为它在v-for内部,也许有问题吗?
bbennett36 '16

2
它需要一个“ +”。这有效<a :href="'/job/' + r.id"> {{r.job_title}} </a>
bbennett36 '16

59

或者,您可以使用ES6模板文字来实现:

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.