如何将值从 Vue 数据传递给 href？

【问题标题】：How to pass a value from Vue data to href?如何将值从 Vue 数据传递给 href？
【发布时间】：2017-04-15 10:27:01
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

或

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

如果您想在 Vue 2.0 中显示来自您所在州或商店的链接，您可以这样做：

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

【讨论】：

【解决方案4】：

这也有帮助。

<a target="_blank" :href="r.reg_metadato">{{ r.reg_metadato }}</a>

【讨论】：