如何将参数传递给Vue @click

Question

我正在使用Vue.js创建一个表,我想为每个传递contactID的行定义一个onClick事件.这是代码:

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

单击一行时,它正在调用onClick,这是有效的.我想传递contactID给addToCount().有人可以为此建议正确的语法吗？谢谢

Answer 1

只需使用普通的Javascript表达式,不需要{}或任何必要的:

@click="addToCount(item.contactID)"

如果你还需要事件对象:

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

Answer 2

当您使用Vue指令时,表达式将在Vue的上下文中进行计算,因此您无需将内容包装起来{}.

@click只是v-on:click指令的简写所以适用相同的规则.

在您的情况下,只需使用 @click="addToCount(item.contactID)"