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> 

Readme

Keywords

Package Sidebar

Install

npm i du-clickoutside

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • lepture