Vue键盘事件未触发

时间:2016-05-04 17:47:52

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

Vue没有触发任何键盘事件,它会对点击事件作出反应,但会尝试观看和触发keypresskeyupkeydownchange,{{1 }},inputfocus都不做任何事情。我做了一个jQuery测试来观察相同的事件,他们都被相应地解雇了,所以我错过了Vue?

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

blur

我尝试用上面进一步说明的不同事件的多种变体替换上面的内容,... <input type="text" placeholder="email" :value="email" v-on:change="updateEmail"/> <input type="password" placeholder="password" :value="password" v-on:change="updatePassword"/> ... 事件是我最近的尝试。非常感谢任何帮助,并提前感谢。

2 个答案:

答案 0 :(得分:1)

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

它没有触发错误,因为第二个问题是由于放弃了插件gzip,我忘记删除gzip文件,因此服务器正在为它们提供服务(较旧的gzip压缩文件)比新建的文件。

我放弃了插件,因为我认为它干扰了第3和第4个问题,其中jquery插件无法正常工作。这些问题是我没有考虑使用\的Windows路径匹配,因此需要[\\\/]才能匹配Windows和unix路径,因此无法设置正确的lib代码,结合将插件安装在一个单独的块中,导致它不能安装在构成根本原因的所有块中。

所以现在一切都已解决,感谢每个人的帮助

答案 1 :(得分:0)

使用v-model

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

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

同步

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