Vue @click 이벤트 처리기에 매개 변수를 전달하는 방법

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(). 누군가 이것에 대한 정확한 구문을 제안해 줄 수 있습니까?

그냥 일반적인 자바스크립트 표현을 사용해요, 아니요.{}또는 필요한 모든 것:

@click="addToCount(item.contactID)"

이벤트 개체도 필요한 경우:

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

Vue 지시어를 사용할 때 표현식은 Vue의 컨텍스트에서 평가되므로 사용자는 이를 포장할 필요가 없습니다.{}.

@click의 줄임말입니다.v-on:click동일한 규칙이 적용되도록 지시합니다.

고객님의 경우에는 사용만 하면 됩니다.@click="addToCount(item.contactID)"

저도 같은 문제가 있었는데, 다음은 제가 어떻게 통과할 수 있는지입니다.

당신의 경우 당신은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!

}

언급URL : https://stackoverflow.com/questions/43529516/how-to-pass-a-parameter-to-vue-click-event-handler