【已解决】监听 vue点击Div外层 的事件,并实时销毁。

news/2024/7/10 1:07:37 标签: vue, 前端, js, javascript

1、场景

在这里插入图片描述

2、代码

    watch:{
        show_login_out(newVal, oldVal){
            if(newVal === true){
                alert('开始监听')
                // 若显示,则监听失去焦点事件。
                document.addEventListener('click',this.click_out_side, true);
            }else{
                alert('事件销毁')
                // 不显示,销毁监听事件。
                document.removeEventListener("click", this.click_out_side, true);
            }
        }
    },
    methods:{
        click_out_side(e){
            if(!this.$el.contains(e.target)){
                alert('触发点击外面')
                this.show_login_out = false;
            }
        },
   }

http://www.niftyadmin.cn/n/1122354.html

相关文章

如何明确性能需求

更多原创测试技术文章同步更新到微信公众号 :三国测,敬请扫码关注个人的微信号,感谢! 原文链接:http://www.cnblogs.com/zishi/p/6722744.html 前言: 近期接到一些性能测试项目,各种各样的项目类…

BZOJ4698 洛谷2463:[SDOI2008]Sandy的卡片——题解

http://www.lydsy.com/JudgeOnline/problem.php?id4698 https://www.luogu.org/problemnew/show/P2463#sub Sandy和Sue的热衷于收集干脆面中的卡片。 然而,Sue收集卡片是因为卡片上漂亮的人物形象,而Sandy则是为了积攒卡片兑换超炫的人物模型。 每一张卡…

【 Java 笔记 】== 和 equals

首先先说一下 操作符用来比较两个变量或常量的值是否相等,也就是比较变量或常量在内存中储存的数值是否相等(这句话来自https://www.cnblogs.com/findumars/p/3746878.html 但我稍微改了一下) 然后,在最底层代码,&…

Waiting for Debugger

android 开发 Waiting for Debugger 很多android开发初学者在写好一个小程序后,点击Debug 运行 结果模拟器总是会弹出Waiting for Debugger 然后程序又可以正常运行,于是以为程序出错了,其实这是加载调试环境而已,并不是程序出错&…

兼容获取元素的样式属性值

一、getComputedStyle是? getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。 getComputedStyle() gives the final used values of all the CSS properties of an ele…

函数嵌套作用域闭包函数

一:函数对象 函数是第一类对象,即表示函数可以当做数据传递 可以被引用:把函数内存地址赋值给一个变量名,仍然遵循函数的调用规则。 可以被当做参数传递:传递的是函数的运行的结果#可以当做返回值 把函数作为返回值返…

IOS Runtime 套餐

转: http://www.cnblogs.com/dengzhuli/p/4415557.html转载于:https://www.cnblogs.com/liuziyu/p/4424227.html

linux基本命令整理

L. L. -L LL -H 常用的命令&#xff1a;目录操作 MKDIR RMDIR CD PWD LS 文件操作 CP MV RM FIND CAT LESS MORE HEAD TAIL 常用简单工具 DATE WC cal clear su 关闭重启 INIT 0 SHUTDOWN REBOOT HALT POWER OFF 输入重定向 MORE <TEST.TXT 输出重定向 L…