Vue.js 如何将值从Vue数据传递到href？

我正在尝试这样做：

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

---

我不知道如何将

r.id

的值添加到

href

属性的末尾，以便进行API调用。有什么建议吗？

您需要使用

v-bind:

或其别名

：

。比如说,

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

或

---

或者您可以使用ES6模板文字：

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

---

如果要显示来自您所在州或存储在Vue 2.0中的链接，可以执行以下操作：

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

我在这两方面都遇到了编译错误，尽管它应该可以工作。也许它有问题，因为它在一个v-for中？它需要一个“+”。4年后，我遇到了同样的问题，这个答案再次为我解决了这个问题。谢谢