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/