Vueデータからhrefに値を渡す方法

Question

私はこのようなことをやろうとしています：

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

API呼び出しができるように、href属性の末尾にr.idの値を追加する方法を理解できません。助言がありますか？

Answer 1

v-bind:またはその別名:を使用する必要があります。例えば、

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

または

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

Answer 2

あるいは、ES6テンプレートリテラルを使ってそれを行うことができます。

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

Answer 3

州または店舗からのリンクをVue 2.0に表示したい場合は、次のようにしてください。

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