javascript - 如何实现，以便在单击空白区域时关闭块

Question

我有一个常规块，我想这样做，当您单击空白区域时，此块关闭这里是代码和框的链接

<template>
  <div>
    <div class="wrapper"></div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
};
</script>

<style scoped>
.wrapper {
  width: 300px;
  height: 150px;
  background: green;
  margin: auto;
}
</style>

标签： javascriptvue.jseventsvuejs2

Answer 1

使用事件总线在窗口单击事件侦听器和组件之间进行通信应该是一种方法。

您可以在此代码框之上工作