Jak przekazać parametr do modułu obsługi zdarzeń Vue @click

Tworzę tabelę za pomocą Vue.js i chcę zdefiniować onClickzdarzenie dla każdego wiersza, który przechodzi contactID. Oto kod:

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

Po kliknięciu wiersza wywołuje addToCount(), co działa. Chcę przejść item.contactIDdo addToCount(). Czy ktoś mógłby zasugerować poprawną składnię do tego?

Gdy używasz dyrektyw Vue, wyrażenia są oceniane w kontekście Vue, więc nie musisz ich zawijać {}.

@clickjest tylko skrótem dla v-on:clickdyrektywy, więc obowiązują te same zasady.

W twoim przypadku po prostu użyj @click="addToCount(item.contactID)"

Po prostu użyj zwykłego wyrażenia JavaScript, nic {}lub nic nie jest konieczne:

@click="addToCount(item.contactID)"

jeśli potrzebujesz również obiektu zdarzenia:

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

Miałem ten sam problem i oto jak udaje mi się przejść:

W twoim przypadku masz addToCount()tzw. teraz możesz powiedzieć, aby przekazać parametr po kliknięciu przez użytkownika@click="addToCount(item.contactID)"

w implementacji funkcji możesz otrzymać parametry takie jak:

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!

}