2017-04-20 23 views
9

Vue.js kullanarak bir tablo oluşturuyorum ve iletişim kuralını geçen her satır için bir onClick olayı tanımlamak istiyorum.Bir parametreyi Vue @click'e aktarma

<tr v-for="item in items" class="static" 
    v-bind:class="{'evenRow': item.oddeven=='1', 'oddRow': item.oddeven=='0' }" 
@click="addToCount('{item.contactID}')" 
> 
    <td>{{item.contactName}}</td> 
    <td>{{item.recipient}}</td> 
</tr> 

çalışıyor, o addToCount() çağırıyor bir satır tıklayarak Açık: İşte kodudur. item.contactID'u addToCount()'a geçmek istiyorum. Birisi bunun için doğru sözdizimini önerebilir mi? Teşekkürler

cevap

13

Vue yönergelerini kullandığınızda, ifadeler Vue bağlamında değerlendirilir, bu nedenle {} içinde bir şeyler sarmanıza gerek yoktur. Aynı kurallar geçerli olduğu için v-bind:click yönergesi için yalnızca kestirilmiş

Senin durumunda

, basitçe Sadece normal JavaScript ifade kullanın @click="addToCount(item.contactID)"

+0

neler Geçmek istediğim argüman geçmez ve kelayetle değil, daha doğrusu "Interview Room Green Room Bavarian Caviar Room Sky Room ve switchRoom yöntemindeki bir öğenin metin içeriğini kullanmak istedim? –

+0

@AkinHwan Zaten kodlanmışsa, metni "@ click =" switchRoom ('Sky Room') parametresi olarak göndermeniz yeterlidir '' –

24

kullanın hiçbir {} veya gerekli şey:

@click="addToCount(item.contactID)" 

da olay nesnesi gerekirse:

@click="addToCount(item.contactID, $event)" 
+0

Günümü kurtardınız! '$ event', aradığım şey. : D – dani24