Vue键盘事件未启动

Vue keyboard events not firing

本文关键字：启动事件键盘 Vue 更新时间：2023-09-26

Vue没有触发任何键盘事件，它对点击事件做出反应，但尝试监视和触发keypress、keyup、keydown、change、input、focus或blur都没有任何作用。我做了一个jQuery测试来观察相同的事件，它们都被相应地解雇了，那么我对Vue缺少什么呢？

到目前为止，这是我的模板，用于监视键盘事件

...
<input type="text" placeholder="email" :value="email" v-on:change="updateEmail"/>
<input type="password" placeholder="password" :value="password" v-on:change="updatePassword"/>
...

我已经尝试用许多不同事件的变体来代替上面的内容，如上所述，change事件是我的最新尝试。如有任何帮助，我们将不胜感激。

所以我发现了这个问题，它是几件事的结合，核心问题是这里列出的代码<srong>...</strong>上面的一个html拼写错误，它本应该触发一个错误，但没有触发，因此以某种方式抛出了事件系统。

它没有触发错误，因为第二个问题是由于一个废弃的插件gzip，我忘记删除gzip文件，因此服务器提供的是它们（旧的gzip文件），而不是新建的文件。

我放弃了这个插件，因为我认为它干扰了第三期和第四期的jquery插件工作不正常。问题是我没有考虑到使用'的windows路径匹配，因此需要['''/]来匹配windows和unix路径，因此没有正确设置lib代码，再加上在单独的块中安装插件，导致它没有安装在所有块中，这是根本原因。

所以现在一切都解决了，感谢大家帮助

使用v-model:

<input type="text" placeholder="email" v-model="email">

这将自动将输入与电子邮件的值同步

change事件的快捷方式也是@change="updateEmail"