Vue @click

Question

पर पैरामीटर कैसे पास करें I Vue.js का उपयोग करके एक तालिका बना रहा हूं और मैं 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() पास करना चाहता हूं। क्या कोई इस के लिए सही वाक्यविन्यास सुझा सकता है? धन्यवाद

Answer 1

जब आप वू निर्देशों का उपयोग कर रहे हैं, तो अभिव्यक्ति का मूल्यांकन वू के संदर्भ में किया जाता है, इसलिए आपको {} में चीजों को लपेटने की आवश्यकता नहीं है।

@clickv-bind:click निर्देश के लिए सिर्फ लघुरूप है, इसलिए एक ही नियम लागू होते हैं।

आपके मामले में, बस @click="addToCount(item.contactID)"

Answer 2

का उपयोग बस एक सामान्य जावास्क्रिप्ट अभिव्यक्ति का उपयोग, कोई {} या आवश्यक कुछ भी:

@click="addToCount(item.contactID)" 

आप भी घटना वस्तु की जरूरत है:

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