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就可以了

原文地址：https://www.cnblogs.com/xiaowie/p/11598886.html

前提记住, 如果这个按钮 没有click事件,键盘事件是没有用的

键值修饰符

自定义键值修饰符:

前提记住, 如果这个按钮没有click事件,键盘事件是没有用的

　　自定义键值修饰符: