Vue3点击事件监听元素外部组件（vue3-click-away）

 website 下载

介绍

vue3-click-away是Vue.js 3指令，用于检测用户是否在元素外部单击。

使用方法

1.导入并注册指令。
 
import VueClickAway from "vue3-click-away";
export default {
  directives: {
    ClickAway: VueClickAway,
  },
  methods: {
    onClickAway(event) {
      console.log(event);
    }
  }
}

2. 在指定的元素中检查外部点击事件。

<template>
  <div v-click-away="onClickAway">
    ...
  </div>
</template>