Vue verilerinden href'e bir değer nasıl iletilir?

142

Ben böyle bir şey yapmaya çalışıyorum:

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

API çağrısı yapabilmek r.idiçin hrefözniteliğin sonuna nasıl değer ekleyeceğimi anlayamıyorum. Baska öneri?

vue.js  vue-router 
— bbennett36
kaynak

Yanıtlar:

320

Veya v-bind:takma adını kullanmanız gerekir :. Örneğin,

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

veya 

<a :href="'/job/' + r.id">
— asemahle
kaynak
1
Düz-se bile o-cekti'iş-si olmak derleme hatası her ikisi ile bile çalışması gerekir. Belki bir v-for içinde olduğundan bir sorun var?
— bbennett36
2
Bir "+" gerekiyordu. Bu <a :href="'/job/' + r.id"> {{r.job_title}} </a> çalıştı
— bbennett36
59

Veya bunu ES6 şablon değişmeziyle yapabilirsiniz:

<a :href="`/job/${r.id}`"
— Ardhi
kaynak
0

Vue 2.0'da eyaletinizden veya mağazanızdan gelen bağlantıları görüntülemek istiyorsanız, bunu yapabilirsiniz:

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

— Waqar Shahid
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.