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


141

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

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

の値を属性r.idの最後に追加してhrefAPI呼び出しを行う方法がわかりません。助言がありますか?

回答:


318

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

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

または

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

1
動作するはずですが、両方でコンパイルエラーが発生します。多分v-forの中にあるので問題があるのでは?
bbennett36 2016年

2
「+」が必要でした。これは<a :href="'/job/' + r.id"> {{r.job_title}} </a>で機能しました
bbennett36

59

または、ES6テンプレートリテラルを使用してそれを行うことができます。

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

0

Vue 2.0で州またはストアからのリンクを表示する場合は、次のようにします。

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.