vue 绑定keydown ,key up 事件失效问题

今天开发项目。

需求:检测输入内容,如果输入的不合法则不允许输入。所以要绑定keydown事件来检测,结果发现绑定的 @keydown="handleNumberKeyDown" 不生效

查了好多文档发现原因: keydown属于input标签原生的事件。而el-input 没有此原生事件的方法,所以无法监听。解决办法就是把el-input像原生标签一样渲染。vue给出的解决办法是加修饰符 .native
如下:



在这里记录下!

你可能感兴趣的:(vue 绑定keydown ,key up 事件失效问题)