clickout

Vue directive to fire a function when the user clicks anywhere outside the target element.

• Source

Usage

Open your console to see the results

<template>
  <div v-clickout="onClickout" class="clickout-example">
    Go ahead, click outside of me.
  </div>
</template>

<script>
export default {
  methods: {
    onClickout() {
      console.log('Well, you certainly did not click inside...');
    },
  },
};
</script>

<style>
.clickout-example {
  border: 1px solid;
}
</style>

Go ahead, click outside of me.