With Vue.js 2 when I add in an @click event to an element and attempt to click something, the event isn't triggered until after I have completed my click (press down -> up).

如何在鼠标点击后立即触发事件?

例子:

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

推荐答案

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

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

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

Vue.js相关问答推荐

Pinia+Vue 3状态react 性-StoreToRef的替代方案

将 html 文件移出 dist vite 中的 src 文件夹

将初始值设置为可直接在 HTML 中使用的 vue.js 模型

Vuex store 在 Nuxt 的什么地方

Vue Table 2 - 自定义过滤器

如何在 Vue.js 中获取完整的当前日期和时间,而无需编写大量 JavaScript 行

如何渲染数组以 Select 选项 vue.js

可以同时使用 Tailwind css 和 Bootstrap 4 吗?

在 v-for 的情况下如何从 v-model 输入更新 Vuex 存储

Vue路由保持活动和挂载行为

在 Vuejs 中计算 DOM 元素之间距离的最佳方法是什么?

如何使用 VueJS / Typescript 导入 JSON 文件?

触发子函数

Vue.js 拦截器

如何从 keep-alive 中销毁缓存的 Vue 组件?

Vue 2 转换不起作用

vue 未在实例上定义,但在渲染期间引用

v-if 未在计算(computed)属性上触发

带有 Firebase 云消息传递的 Vue pwa 无法正常工作

v-bind:class 的 Vue.js 计算(computed)属性