vue 点击弹窗以外的其他区域可以关闭弹窗

html:

<div class="orgTree" @click.stop="stopMp" ref="treeWrap">
    .....
</div>

js:

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

 

备注： 同一个页面有多个相同的弹窗也可以通过