du-clickoutside

1.0.0 • Public • Published

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> 

/du-clickoutside/

    Package Sidebar

    Install

    npm i du-clickoutside

    Weekly Downloads

    1

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • lepture