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

HTML 代码：

<div class="show-dialog" @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;
      }
    }
  })      
}

以上关于vue 点击div以外的其他区域隐藏的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。