@zhangqingcq/plug-r-qw/src/directives/clickOutside.js

A JS lib base on Vue and View-design, you can achieve some complex functions with simple code after install this lib.

export default {
	bind(el, binding) {
		function documentHandler(e) {
			if (el.contains(e.target)) {
				return false
			}
			if (binding.expression) {
				binding.value(e)
			}
		}

		el.__vueClickOutside__ = documentHandler
		document.addEventListener('click', documentHandler)
	},
	update() {},
	unbind(el, binding) {
		document.removeEventListener('click', el.__vueClickOutside__)
		delete el.__vueClickOutside__
	}
}