Vue.js - gestion des événements avec clic de souris vers le bas (et non vers le haut)

Question

Avec Vue.js 2 lorsque j'ajoute un événement @click à un élément et tente de cliquer sur quelque chose, l'événement n'est déclenché qu'après avoir terminé mon clic (appuyez vers le bas -> vers le haut).

Comment déclencher un événement immédiatement après un clic de souris?

Exemple:

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

Comment déclencher un événement immédiatement après un clic de souris?

Exemple:

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

Saurabh · Accepted Answer

Vous pouvez simplement utiliser @mousedown événement sur l'élément, tout comme @click, pour gérer l'événement mousedown.

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

Voir violon de travail: https://fiddle.jshell.net/mimani/feL03wgd/