vue.js - 如何将值从 Vue 数据传递给 href？

Question

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

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

我不知道如何将 r.id 的值添加到 href 属性的末尾，以便我可以进行 API 调用。有什么建议吗？

Answer 1

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

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

或

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