vue——22-键盘修饰符

点击键盘回车弹窗：

<div id="app">
    <!--记住所有的 keyCode 比较困难，所以 Vue 为最常用的按键提供了别名-->
    <input type="text" @keyup.enter="alertMsg">
</div>

        {
            var vm = new Vue({
                el: '#app',
                data: {},
                methods: {
                    alertMsg(){
                        alert('hello')
                    }
                }
            })
        }

两种调用格式：

    <!--按键别名-->
    <input type="text" @keyup.enter="alertMsg">
    <!--按键keyCodes码-->
    <input type="text" @keyup.113="alertMsg">

全部的按键别名：
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

可以通过全局 config.keyCodes 对象自定义按键修饰符别名：

// 可以使用 `@keyup.f1`7
Vue.config.keyCodes.f1 = 112