JSPM

  • Created
  • Published
  • Downloads 124981
  • Score
    100M100P100Q163005F
  • License MIT

Vue directive to react on clicks outside an element

Package Exports

  • v-click-outside

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (v-click-outside) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

v-click-outside

Codeship Status Coverage Status Codacy Badge bitHound Overall Score bitHound Dev Dependencies bitHound Code

Vue directive to react on clicks outside an element without stopping the event propagation. Great for closing dialogues, menus among other things.

Install

$ npm install --save v-click-outside
$ yarn add v-click-outside

Use

import Vue from 'vue'
import vClickOutside from 'v-click-outside'

Vue.use(vClickOutside)
<script>
  export default {
    methods: {
      onClickOutside (event) {
        console.log('Clicked outside. Event: ', event)
      }
    }
  };
</script>

<template>
  <div v-click-outside="onClickOutside"></div>
</template>

License

MIT License

Style

Standard - JavaScript Style Guide