Vue.js - 마우스를 클릭 한 상태에서 이벤트를 처리 할 때

Question

Vue.js를 사용하면 요소에 @click 이벤트를 추가하고 무언가를 클릭하려고 할 때까지 이벤트가 트리거되지 않습니다. 내 클릭을 완료 한 후 (아래로 -> 위로).

마우스를 클릭 한 직후 이벤트를 어떻게 트리거합니까?

예 :

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

Answer 1

당신은 단순히 mounsedown 이벤트를 처리 할 단지 @click 같은 요소에 @mousedown 이벤트를 사용할 수 있습니다.

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

작업 바이올린을 참조하십시오 작동하지만 나 또한이 https://fiddle.jshell.net/mimani/feL03wgd/