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

(Apart from the 2 earlier answers.)

You don't have handle all event with Vue.

Here another way

export default {
  created() {
    document.onkeydown = evt => {
      evt = evt || window.event;
      if (evt.keyCode == 27) {
        this.$emit("close");
      }
    };
  }
};