vue 点击空白处隐藏弹窗

本文主要是介绍vue 点击空白处隐藏弹窗，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

首先写一个函数：

closeChart() {document.addEventListener("click", e => {const iconEl = document.querySelector(".socre");// 这里是要隐藏的弹窗 类名if (iconEl && !iconEl.contains(e.target)) {// contains 方法 就是查看包含关系  // contains 方法 本身含义：用于判断字符串中是否包含指定的字符或字符串//               返回值 :如果包含指定的字符或字符串返回 true，否则返回 false。this.flagChart = false; // flagChart 弹窗的开关}});
}

然后在 mounted 里调用上方函数即可

gif 演示如下：

因为是移动端 看不到我的鼠标点了哪里 反正是点击空白处就对啦

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210107182209715.png#pic_center

这篇关于vue 点击空白处隐藏弹窗的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---