[解決済み] 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)"