# vue-v-clickoutside

> A simple click-outside directive for Vue.js

Latest version **1.0.2** (published 2019-04-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-v-clickoutside
pnpm add vue-v-clickoutside
yarn add vue-v-clickoutside
bun add vue-v-clickoutside
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2019-04-19 |
| First published | 2019-04-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 1 |
| Unpacked size | 225.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | zhangjialegh |
| Maintainers | zhangjialegh |

## Links

- npm: https://www.npmjs.com/package/vue-v-clickoutside
- Repository: https://github.com/zhangjialegh/vue-clickoutside
- Homepage: https://github.com/zhangjialegh/vue-clickoutside#readme
- Issues: https://github.com/zhangjialegh/vue-clickoutside/issues
- npm.io page: https://npm.io/package/vue-v-clickoutside

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.5.2

## Recent versions

- 1.0.2 (latest) — 2019-04-19
- 1.0.1 — 2019-04-19
- 1.0.0 — 2019-04-19

## README

# vue-v-clickoutside

> A simple click-outside directive for Vue.js

[![NPM](https://nodei.co/npm/vue-v-clickoutside.png?compact=true)](https://nodei.co/npm/vue-v-clickoutside/)

# Installation
```
npm i vue-v-clickoutside

or

yarn add vue-v-clickoutside
```
# Usage


## Import
```javascript

/*global import*/

import ClickOutSide from 'vue-v-clickoutside'
Vue.directive('clickoutside', ClickOutSide)


/*local import*/

import ClickOutSide from 'vue-v-clickoutside'
export default {
  ...
  directives: {
    'clickoutside': ClickOutSide
  }
  ...
}

```

## Example
```javascript

<templete>
  <div v-clickoutside="handleFunction"></div>
</templete>

...
export default {
...
  methods: {
    handleFunction() {
      //  handler
    }
  }
...
}

```

---
_Source: https://npm.io/package/vue-v-clickoutside · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._