vue-document-event

A document event directive for Vue.js.

Usage

Register this directive:

var Vue = require('vue');

Vue.directive('out', require('vue-document-event'));

Use it in component:

<template>
  <div class="dropdown" v-show="show" v-out:click="show=false">
  </div>
</template>

<script>
export default {
  data() {
    return {show: true}
  }
}
</script>