[vue-demo]点击“目标区域之外”的其他区域做交互

Vue.directive('clickoutside', {
            bind: function (el, binding, vnode) {
              function documentHandler (e) {
                  if (el.contains(e.target)) {
                      return false;
                  }
                  if (binding.expression) {
                       binding.value(e);

                  }

              }

              el.__vueClickOutside__ = documentHandler;

              document.addEventListener('click', documentHandler);

            },

     // 在 unbind钩子中移除click事件监听

      unbind: function (el, binding) {             document.removeEventListener('click', el.__vueClickOutside__);

      delete el.__vueClickOutside__;

            }

        });