Vue 监听某个元素以外的区域被点击

 clickoutside是Element-ui实现的一个自定义指令,用来处理目标节点之外的点击事件

<template>
  <div class="">
    <div v-clickoutside="handler">text</div>
  </div>
</template>

<script>
import clickoutside from "element-ui/src/utils/clickoutside";
export default {
  directives: { clickoutside },
  data() {
    return {};
  },
  created() {},
  methods: {
    handler() {
      console.log("text以外被点击了");
    },
  },
};
</script>