首页 > 其他分享 >vue中使用contains判断点击事件,点击超出自身区域隐藏自己

vue中使用contains判断点击事件,点击超出自身区域隐藏自己

时间:2023-01-29 10:22:43浏览次数:40  
标签:vue ref contains js 点击 document contentWrap

注意:ref方式获取的和js原生方式获取的dom类型不同,用原生的js获取dom方式代替ref方式,这样才能判断是否属于自身区域的。

mounted() {
    // 监听,除了点击自己,点击其他地方将自身隐藏
   document.addEventListener("click", e => {
      const contentWrap = document.getElementById("contentWrap");
       if (contentWrap) {
          if (!contentWrap.contains(e.target)) {
            this.isFlag = false;
          }
       }
   });
}

可参考这个博客文章:https://blog.csdn.net/ddx2019/article/details/107249615/

标签:vue,ref,contains,js,点击,document,contentWrap
From: https://www.cnblogs.com/lifan-fineDay/p/17071907.html

相关文章