Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)

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