首先需要在keyup事件之后. 修饰符 来绑定事件
<body> <div class="box"> <!-- 这里的 @keyup.enter="enterkeyup" enter是修饰符=回车 你也可以使用13 键盘码--> <input v-on:click="enterkeyup" @keyup.13="enterkeyup" type="button" value="回车上传"> </div> <script> var vm=new Vue({ el:'.box', data:{}, methods:{ enterkeyup:function(){ alert('接收到了'); } } }); </script> </body>
前提记住, 如果这个按钮 没有click事件,键盘事件是没有用的
键值修饰符
在监听键盘事件时,我们经常需要检测常见键值,Vue 允许为V-on在监听键盘事件时添加关键
修饰符: <input v-on:click.13=submit">
记住所有的keycode比较困难,所以Vue为最常用的按键提供了别名
.enter 回车
.tab 制表符
.delte 删除或退格
.esc 退出
.up 向上
自定义键值修饰符:
可以通过全局 config.keyCodes对象自定义键值修饰符别名:
语法Vue.config.keyCodes.f1=112;
后期就用@keyup.f1就可以了