@ze-ui/vue-click-outside

ClickOutside

ClickOutside component for Vue.

Installation

$ npm install @ze/vue-click-outside
or
yarn add @ze/vue-click-outside

Example

<template>
  <div>
    <clickOutside @clickOutside="hide">
      <button  @click="toggle">Toggle</button>
    </clickOutside>
    <div  v-show="visible" style="background-color: palegreen;width: 100px; height: 100px"></div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      visible: false
    }
  },
  methods: {
    toggle () {
      this.visible = true
    },

    hide () {
      this.visible = false
    }
  }

}
</script>

License

MIT