du-clickoutside

A click outside directive for Vue.js.

Usage no npm install needed!

<script type="module">
  import duClickoutside from 'https://cdn.skypack.dev/du-clickoutside';
</script>

README

du-clickoutside

A click outside directive for Vue.js.

Usage

Register this directive:

var Vue = require('vue');
var clickoutside = require('du-clickoutside');

Vue.directive('clickoutside', clickoutside);

Use it in component:

<template>
  <div class="dropdown" v-show="show" v-clickoutside="show=false">
  </div>
</template>

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