vue 点击div以外的其他区域隐藏

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/195959.html

HTML 代码：

<div  @click="showDialog" ref="showPanel">
    .....
</div>

js 代码：

mounted () {
  document.addEventListener('mouseup',(e) =>{
    let tree = this.$refs.showPanel
    if (tree) {
      if (!tree.contains(e.target)) {
        this.isShowDialog = false;
      }
    }
  })      
}

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/