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

我正在尝试这样做:

<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">

or

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

2016-11-30 22:52:24

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

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

2017-07-13 06:01:46

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

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

2018-04-23 11:29:06

这也会有所帮助。

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

2021-12-14 23:07:44

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

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

2022-02-18 18:02:52

aliyun