Closing a window with a cancel button in Vue.js?

Question

Vue.js

Tell me how to implement an analogue of an event @click="$emit('close')"using a button escon the keyboard?
In this case, the modal view component.
@keyup.esc="('close')"
@keyup.esc="$emit('close')" tabindex="0"
doesn't work

Answer 1

For an element to fire the @keyup event, the element must have focus.
Here is an example of how it works
https://codepen.io/xevin/pen/BaBJWve?editors=1010

Answer 2

Can be implemented via event listener:

mounted: function () {
  document.addEventListener("keydown", (e) => {
    if (this.show && e.keyCode == 27) {
      this.$emit("close");
    }
  });
}