首页 > 其他 > 详细

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

时间:2020-04-15 10:14:43      阅读:863      评论:0      收藏:0      [点我收藏+]

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

 

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

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

原文:https://www.cnblogs.com/mmzuo-798/p/12703264.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!