lulouis-vant/packages/mixins/click-outside.js

Lightweight Mobile UI Components built on Vue

import { on, off } from '../utils/event';

export default config => ({
  mounted() {
    config.handler = event => {
      if (!this.$el.contains(event.target)) {
        this[config.method]();
      }
    };

    on(document, config.event, config.handler);
  },

  beforeDestroy() {
    off(document, config.event, config.handler);
  }
});