vuejs如何关闭弹窗
发表于:2024-10-22 作者:千家信息网编辑
千家信息网最后更新 2024年10月22日,这篇文章主要为大家展示了"vuejs如何关闭弹窗",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"vuejs如何关闭弹窗"这篇文章吧。vuejs关闭弹窗的方法
千家信息网最后更新 2024年10月22日vuejs如何关闭弹窗
这篇文章主要为大家展示了"vuejs如何关闭弹窗",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"vuejs如何关闭弹窗"这篇文章吧。
vuejs关闭弹窗的方法:1、创建html代码结构;2、判断所点击的区域是否在".mask_popup"中;3、通过"hideMaskPopup(e){...}"关闭弹窗即可。
本文操作环境:windows7系统、vue2.5.17版,DELL G3电脑。
vuejs怎么关闭弹窗?
vue.js点击弹窗以外的区域关闭弹窗
点击弹窗外的区域关闭弹窗的代码结构
html:
内容代码.....
js:
data(){ showMaskPopup:false }, methods: { hideMaskPopup(e){ let mask = document.querySelector(".mask_popup"); if (mask) { if (!mask.contains(e.target)) {//判断所点击的区域是否在.mask_popup中 this.showMaskPopup = false; } } } },
实现效果:
以上是"vuejs如何关闭弹窗"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
内容
区域
代码
篇文章
结构
学习
帮助
效果
方法
易懂
更多
条理
环境
电脑
知识
系统
编带
行业
资讯
资讯频道
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
苹果cms数据库连接失败
监控服务器硬盘内存使用率
专业网络技术支持兼职
服务器602
谷歌中国网络安全
服务器安装后怎么连接
易语言数据库查询软件
华为网络安全评估中心
网络安全普法正确时间
数据库应用技术题目答案
查数据库进程
武汉领风互联网科技
互联网与服务器之间的安全问题
免费服务器
网络安全素质教育一级含金量
软件开发是用fb还是vs
315晚会 网络安全
云仓软件开发公司杭州
新乡亟是网络技术有限公司
网络安全法正式实行时间为
百威网络技术有限公司怎么样
濮阳定制软件开发
独道互联网科技服务
美克美网络技术有限公司
马山网络安全宣传周活动
打造网络安全工作队伍
应用的汽车网络技术有哪些
ibm服务器安全模式
徐汇区自动软件开发产品介绍
达内网络安全是什么意思