Vue 2 Directive: Click Outside

on-click-outside.js

directives: {
  clickOutside: {
    bind: function (el, binding, vnode) {
      el.clickOutsideEvent = function (event) {
        // here I check that click was outside the el and his children
        if (!(el == event.target || el.contains(event.target))) {
          // and if it did, call method provided in attribute value
          if (typeof binding.value === 'function') {
            binding.value()
          }
        }
      }

      document.body.addEventListener('click', el.clickOutsideEvent)
    },

    unbind: function (el) {
      document.body.removeEventListener('click', el.clickOutsideEvent)
    }
  }
}