Vue.js 3中单击外部跟踪器–vue3-click-away

Vue.js 3中单击外部跟踪器–vue3-click-away
插件名称 vue-click-away
发布时间 2020年11月20日
插件作者 VinceG

Click Away是Vue.js 3指令,用于检测用户是否在元素外部单击。

变更日志:

v1.1.0(11/29/2020)

  • 更新资料

安装和下载:

# Yarn
$ yarn add vue3-click-away

# NPM
$ npm i vue3-click-away --save

如何使用它:

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>