Vue.js - 通过鼠标单击向下(而不是向上)进行事件处理

Question

使用Vue.js 2,当我将@click事件添加到元素并尝试单击某些内容时,直到我完成单击后按下该事件(按下 - >向上).

如何在鼠标单击后立即触发事件？

例:

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

Answer 1

您可以简单地@mousedown在元素上使用事件,就像@click处理mousedown事件一样.

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

看工作小提琴:https://fiddle.jshell.net/mimani/feL03wgd/