使用element ui 实现

如果你使用 Element UI 框架，可以借助它的 `el-clickoutside` 指令来实现全局的单击事件。以下是一种实现方式：

1. 在你的 Vue 组件中，使用 `v-el-clickoutside` 指令来绑定全局的单击事件：

   <template>
     <div v-el-clickoutside="handleClickOutside">
       <!-- 组件内容 -->
     </div>
   </template>

   <script>
   export default {
     methods: {
       handleClickOutside() {
         // 处理单击事件
       }
     }
   }
   </script>

2. 在你的 Vue 组件中，导入 `el-clickoutside` 指令：

   import { directive as ClickOutside } from 'element-ui/src/utils/clickoutside';

3. 注册 `el-clickoutside` 指令：

   export default {
     directives: {
       'el-clickoutside': ClickOutside