Vue.js - ऑन-माउस-क्लिक डाउन (और ऊपर नहीं)

Question

के साथ ईवेंट हैंडलिंग Vue.js 2 के साथ जब मैं किसी तत्व पर @click ईवेंट में जोड़ता हूं और कुछ क्लिक करने का प्रयास करता हूं, तो ईवेंट तब तक ट्रिगर नहीं होता है मेरे क्लिक को पूरा करने के बाद (नीचे दबाएं -> ऊपर)।

माउस क्लिक करने के तुरंत बाद मैं एक ईवेंट को कैसे ट्रिगर करूं?

उदाहरण:

<div @click="foo()"> 
    Hello 
</div> 

Answer 1

आप बस @mousedown घटना तत्व पर, बस @click तरह mounsedown घटना को संभालने के लिए उपयोग कर सकते हैं,।

<button @mousedown="mouseDown"> 
    mouseDown 
</button> 

काम कर बेला देखें: https://fiddle.jshell.net/mimani/feL03wgd/