# clickout

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

# Installation

Global install:

import Vue from "vue"
import { clickout } from "vuetensils"

Vue.directive("clickout", clickout)

Local install:

<script>
  import { clickout } from "vuetensils"

  export default {
    directives: {
      clickout,
    },
  }
</script>

# 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>

← autofocus copy →