VueJS key press listeners

Posted 9 years ago - updated 9 years ago vuejs

On root scope

{
    created: function () {
        window.addEventListener('keyup', this.previous)
    },
    methods: {
        previous: function (e) {
            // check key code
        }
    },
    beforeDestroy: function () {
        // remove listener
    }
}

source

On inputs

<input v-on="
    keyup: handleEnter | key 'enter',
    keyup: handleEsc | key 'esc'">

<input
    @keyup.enter="handleEnter"
    @keyup.esc="handleEsc">