web-dev-qa-db-ja.com

Vue.js-マウスクリックでのイベント処理(上ではなく)

Vue.js 2では、@ clickイベントを要素に追加して何かをクリックしようとすると、クリックが完了するまで(押し下げ->押し上げ)イベントがトリガーされません。

マウスをクリックした直後にイベントをトリガーするにはどうすればよいですか?

例:

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

@mousedownと同様に、エレメントで@clickイベントを使用して、mousedownイベントを処理できます。

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

作業フィドルを参照してください: https://fiddle.jshell.net/mimani/feL03wgd/

28
Saurabh