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

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:
本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
码云笔记 » vue 点击div以外的其他区域隐藏

发表回复

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们