> For the complete documentation index, see [llms.txt](https://sunzsh.gitbook.io/xiaoshan.bug/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sunzsh.gitbook.io/xiaoshan.bug/fa-xian-yi-ge-elementui-zhong-yin-cang-de-ju-hao-yong-de-zhi-ling.md).

# 发现一个ElementUI中隐藏的巨好用的指令

* 抖音：<https://v.douyin.com/SYA1qMX/>
* B站：<https://www.bilibili.com/video/BV1K54y1u7s9/>

> **demo预览：**
>
> <https://sunzsh.github.io/vue-demos/#/clickoutside>
>
> **代码：**
>
> <https://github.com/sunzsh/vue-el-demo/blob/master/src/views/clickoutside.vue>

我在饿了么UI的源码里啊

发现一个隐藏的指令特别好用

就这个颗粒clickoutside

顾名思义呢

就是它可以监听到某个元素以外的

区域被点击

那使用起来也很简单啊

先把它导进来

然后呢注册成指令就可以用了

像这样v-clickoutside指定到一个方法

效果呢就是这样 大家看

我点击这个元素内部没有什么反应

然后点击这个元素以外的区域 大家看

只要这个网页的任何区域

他都会被触发