☰

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

tag-icon • tag-icon javascript vue.js
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()ですが、正しい構文を提案してもらえますか?

ベストアンサー1

通常の Javascript 式を使用するだけで、{}何も必要ありません。

@click="addToCount(item.contactID)"

イベント オブジェクトも必要な場合:

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

おすすめ記事