vuejs: @keyup.esc on div element is not working

Question

I\'m expecting that \'close\' event is fired when I\'m clicking ESC button being on \"shadow-modal\" div, but it\'s not happening

vue 2.5.13, any ideas why?

Answer 1

If you need to close a modal window, you must observe several conditions.

1. In the tag of the modal window:

2. In the lifecycle hook mounted():

mounted() {
   this.$refs.modal.focus()
}