clickout

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

Source

Installation

Global install:

import Vue from "vue"
import { clickout } from "vuetensils/src/directives"

Vue.directive("clickout", clickout)

Local install:

<script>
  import { clickout } from "vuetensils/src/directives"

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

Usage

Open your console to see the results