vue点击其他区域关闭模块

点击 box 以外区域关闭 类名pop的div

  // template
 <div ref="box">
	<div class="pop" v-if="popVisible"></div>
</div>
 
 // js
  mounted() {
     document.addEventListener('click', (e) => {
      if (!this.$refs.box.contains(e.target)) this.popVisible= false
    })
  },