Handle outside click (Vue.js)

handleClickOutside.md

Handle outside click(Vue.js)

Скритие DOM елемента при клике не по нему.

data () {
  return {
    isOpen: false
  }
},

methods: {
  handleClickOutside(evt) {
    if (!this.$el.contains(evt.target)) {
      this.isOpen = false;
    }
  }
},

mounted() {
  document.addEventListener('click', this.handleClickOutside)
},

destroyed() {
  document.removeEventListener('click', this.handleClickOutside)
}

https://alligator.io/vuejs/vue-a11y-autocomplete/