{{ r.j..."> {{ r.j..."/> {{ r.j..."> {{ r.j...">

如何将Vue数据中的值传递给href?

vue.js Vue.js

卡卡西米亚

2020-03-09

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

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

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

第371篇《如何将Vue数据中的值传递给href?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
达蒙西里 2020.03.09

如果要显示来自您的州的链接或将其存储在Vue 2.0中,可以执行以下操作:

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

达蒙阿飞斯丁 2020.03.09

或者,您可以使用ES6模板文字来实现:

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android