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