键盘事件怎么写Vue允许使用键值作为修饰符,比如监听回车事件,有两种写法,代码如下:但要注意的问题是:当我们在el-input中使用以上两种写法时,是不会生效的。el-input无法监听键盘事件,因为element-ui是封装好的组件,所以el标签是自定义标签,所以无法触发键盘事件。解决方案:添加.native原生事件修饰符。.native:监听组件根元素的原生事件,主要作用是给自定义组件添加原生事件。在vue和elementUI中绑定键盘按键到el-input的代码如下:templateslot="prepend">storename常用按钮修饰符别名修饰符键值修饰符对应button.delete.8/.46backspace/delete.tab.9tabulation.enter.13回车.esc.27exit.space.32space.left.37left.up.38up.right.39right.down.40downmousebuttonmodifieraliasmodifieravailableversion对应button.left2.2.0oraboveleftbutton.right2.2.0及以上右键.middle2.2.0及以上中键系统键修饰符别名修饰符可用版本对应键.ctrl2.1.0及以上Ctrl键.alt2.1.0及以上Alt键.shift2.1.0及以上Shift钥匙。元键(Windows系统的天键)关于组合修饰符的使用:Vue为我们提供了组合修饰符的机制,但是它的使用必须配合系统键修饰符才能生效。以下是测试代码: