javascript - Vue 键盘事件未触发

标签 javascript vue.js vue-component dom-events vue-router

Vue 不会触发任何键盘事件,它会对点击事件使用react,但会尝试监视并触发 keypresskeyupkeydownchangeinputfocusblur 都不会执行任何操作。我做了一个 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 事件是我的最新尝试。任何帮助将不胜感激。

最佳答案

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

由于第二个问题是由于废弃的插件引起的,所以它没有触发错误 gzip我忘记删除 gzip 文件,因此服务器正在为它们(旧的 gzip 压缩文件)而不是新构建的文件提供服务。

我放弃了这个插件,因为我认为它干扰了 jquery 插件无法正常工作的第三个问题和第四个问题。问题是我没有考虑使用 \ 的 Windows 路径匹配。所以[\\\/]需要匹配 Windows 和 unix 路径,因此没有正确设置 lib 代码,再加上在单独的 block 中安装插件,导致其未安装在构成根本原因的所有 block 中。

现在一切都已解决,感谢大家的帮助

关于javascript - Vue 键盘事件未触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37034654/

相关文章:

javascript - 如何使用 EcmaScript 读取列类型 SPUser、DateTime、Currency?

javascript - 调节 flask 中的复选框和单选按钮

vue.js - 从 Vue 3 组合 api 中的函数内部返回 Apollo useQuery 结果

javascript - 如何防止或停止父组件在 vuejs 中重新渲染

javascript - jest 不理解流类型和对象解构?

javascript - 电子邮件提交无效

vue.js - 如何在没有任何 html 标签或其他情况下使用 v-if 和 v-else

javascript - Vue 2组件不调用主实例函数

javascript - [Vue 警告] : Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders

javascript - 在模板中访问 "this"