Saya membuat tabel menggunakan Vue.js dan saya ingin menentukan onClick
acara untuk setiap baris yang lewat contactID
. Ini kodenya:
<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>
Saat mengklik baris, itu memanggil addToCount()
, yang berfungsi. Saya ingin lulus item.contactID
ke addToCount()
. Bisakah seseorang menyarankan sintaks yang benar untuk ini?
<a href="#" @click="switchRoom" class="rooms">Interview Room</a> <a href="#" @click="switchRoom" class="rooms">Green Room</a> <a href="#" @click="switchRoom" class="rooms">Bavarian Caviar Room</a> <a href="#" @click="switchRoom" class="rooms">Sky Room</a>
dan saya ingin menggunakan konten teks dari elemen a dalam metode switchRoom?@click="switchRoom('Sky Room')"
Cukup gunakan ekspresi Javascript normal, tidak ada
{}
atau apa pun yang diperlukan:jika Anda juga membutuhkan objek acara:
sumber
Saya memiliki masalah yang sama dan inilah cara saya melewatinya:
Dalam kasus Anda, Anda memiliki
addToCount()
yang disebut. sekarang untuk memberikan parameter saat pengguna mengklik, Anda dapat mengatakannya@click="addToCount(item.contactID)"
dalam implementasi fungsi Anda, Anda dapat menerima parameter seperti:
sumber