1. ホーム
  2. vue.js

[解決済み】Vueのデータからhrefに値を渡すには?

2022-04-08 22:08:47

質問

このようなことをしようとしています。

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

の値をどのように追加すればよいのかがわかりません。 r.id の末尾にある href 属性を使用して、API 呼び出しを行うことができます。何か提案はありますか?

解決方法は?

を使用する必要があります。 v-bind: またはそのエイリアス : . 例えば、以下のようになります。

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

または

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