วิธีส่งพารามิเตอร์ไปยัง Vue @click event handler

ฉันสร้างตารางโดยใช้ Vue.js และฉันต้องการที่จะกำหนดกิจกรรมสำหรับแต่ละแถวที่ผ่านonClick contactIDนี่คือรหัส:

<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>   

เมื่อคลิกแถวมันกำลังโทรaddToCount()ซึ่งใช้งานได้ ฉันต้องการส่งitem.contactIDต่อไปยังaddToCount(). มีใครแนะนำไวยากรณ์ที่ถูกต้องสำหรับสิ่งนี้ได้ไหม

เมื่อคุณใช้คำสั่ง Vue นิพจน์จะได้รับการประเมินในบริบทของ Vue ดังนั้นคุณไม่จำเป็นต้องรวมสิ่งต่างๆเข้า{}ด้วยกัน

@clickเป็นเพียงชวเลขสำหรับv-on:clickคำสั่งดังนั้นจึงใช้กฎเดียวกัน

ในกรณีของคุณให้ใช้ไฟล์ @click="addToCount(item.contactID)"

เพียงใช้นิพจน์ Javascript ธรรมดาไม่{}จำเป็นต้องมี:

@click="addToCount(item.contactID)"

หากคุณต้องการวัตถุเหตุการณ์ด้วย:

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

ฉันมีปัญหาเดียวกันและนี่คือวิธีที่ฉันจัดการเพื่อผ่าน:

ในกรณีของคุณคุณมีaddToCount()ที่เรียกว่า ตอนนี้เพื่อส่งผ่านพารามิเตอร์เมื่อผู้ใช้คลิกคุณสามารถพูดได้@click="addToCount(item.contactID)"

ในการใช้งานฟังก์ชันของคุณคุณสามารถรับพารามิเตอร์เช่น:

addToCount(paramContactID){
 // the paramContactID contains the value you passed into the function when you called it
 // you can do what you want to do with the paramContactID in here!

}