Как запустить обработчик событий keyup.esc?

Question

[asferot]

modal-call(:class="{active: showModal}" :keyup.esc="showForm")
:keyup.esc - хочу использовать для закрытия окна, но не работает
Смотрел предложенные ранее решения, но не работает так же

data(){
        return{ showModal: false }
    },
    methods:{
        showForm(){
            this.showModal = !this.showModal
        }
    }

Comments

[RAX7]

https://forum.vuejs.org/t/capture-keypress-for-all...

Answer 1

[AngKov]

mounted () {
            const escapeHandler = (e:any) => {
                if (e.key === `Escape` && this.showModal) {
                    this.showForm()
                }
            }
            document.addEventListener(`keydown`, escapeHandler)
            this.$once(`hook:destroyed`, () => {
                document.removeEventListener(`keydown`, escapeHandler)
            })
        }