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
          }
        }
      })      
}

 

備注： 同一個頁面有多個相同的彈窗也可以通過