# element-ui 增强指令

## 外部点击
### 导入使用
```code[javascript]
import clickOutside from "niceloo-vue2element-ui/service/directives/click-outside";
```
### DEMO
:::demo
```html

<template>
    <div style="width:100%;height:200px" v-click-outside="handleClose">
        <span>这是一段信息</span>
    </div> 
</template>

<script>
export default {
    directives:{
        clickOutside
    },
    data() {
      return {
      };
    },
    methods:{
        handleClose(){
            console.log("clickOutside");
        }
    }
}
</script>
```
:::