我试图做这样的事情:
<div v-for="r in rentals">
<a bind-href="'/job/'r.id"> {{ r.job_title }} </a>
</div>
我无法弄清楚如何将r.id
的值添加到href
属性的末尾,以便我可以进行API调用。有什么建议吗?
答案 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>