Vue实现点击当前元素以外的地方隐藏当前元素实现点击当前元素以外的地方隐藏当前元素(实现思路实现思路)
1. 绑定元素
2. mounted生命周期
3. 实现思路
页面挂载完后，监听全局点击事件
获取当前点击的元素，根据需求获取当前元素本身的属性
判断当前点击元素与要隐藏的元素是否相同
当前点击元素与要隐藏的元素不相同则隐藏
4. 最终效果
接着看下接着看下vue实现点击目标元素外页面的其他地方隐藏弹窗实现点击目标元素外页面的其他地方隐藏弹窗
方法：方法：
步骤1：给页面最外出的元素div加点击事件：@click=“popShow = false”。
步骤2：给点击目标元素加点击事件：@click=“popShow = true”。
备注：popShow 为控制弹窗显示与隐藏的标志。
PS：下面看下：下面看下vue实现点击其他地方隐藏实现点击其他地方隐藏div
方法一： 方法一：
评论0