Vue @ clickイベントハンドラーにパラメーターを渡す方法

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!

}