VUe键盘修饰符

首先需要在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就可以了

    

  

  

计算机