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

我正在尝试这样做:

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

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

当前回答

你需要使用v-bind:或者它的别名:。例如,

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

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

其他回答

如果你想在Vue 2.0中显示来自你的状态或商店的链接，你可以这样做:

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

或者你可以用ES6模板文字来做:

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

您可以将静态值和动态值连接为字符串值，而绑定href。举个例子:

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

这也会有所帮助。

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

你需要使用v-bind:或者它的别名:。例如,

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

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

推荐文章