1. 程式人生 > >vue——22-鍵盤修飾符

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') } } }) }

全部的按鍵別名: .enter .tab .delete (捕獲“刪除”和“退格”鍵) .esc .space .up .down .left .right

可以通過全域性 config.keyCodes 物件自定義按鍵修飾符別名:

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