v-clickoutsides

//点击目标元素外侧触发特定事件 使用 v-clickoutsides="clickHandler"
import Vue from 'vue'

Vue.directive('clickoutsides', {
  bind: function(el, binding, vnode) {
    function documentHandler(e) {
      if (el.contains(e.target)) {
        return false
      }
      if (binding.expression) {
        binding.value(e)
      }
    }
    el.__vueClickOutsie__ = documentHandler
    document.addEventListener('click', documentHandler)
  },
  unbind: function(el, binding) {
    document.removeEventListener('click', el.__vueClickOutsie__)
    delete el.__vueClickOutsie__
  }
})