created(){
var self = this;
document.addEventListener('click',function(e){
if(e.target.className == 'box'){
self.show= false;
}
})
}
box为你点击的class名
created(){
var self = this;
document.addEventListener('click',function(e){
if(e.target.className == 'box'){
self.show= false;
}
})
}
box为你点击的class名
created(){ var self = this; document.addEvent...
vue中点击空白处隐藏div的实现（用自定义指令优雅的实现） vue中点击空白处隐藏div的实现（用自定义指令优雅...
代码如下 实现效果:点击按钮，显示遮罩层，弹出弹框点击遮罩层，隐藏遮罩层，隐藏弹框
正文： 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层;
点击空白处关闭弹出层#box{width:300px;height:200px;border:1px solid ...
div显示时，给页面添加点击事件areaSelect(){this.areaTrue=!this.areaTrue...
需求：自定义一个提示框，添加一个全屏的透明遮罩层，点击遮罩层提示框隐藏消失，点击提示框不做响应。 问题：在遮罩层正...
遮罩层css 点击以后页面不能操作，直到时间结束 效果图 js部分代码 h5部分 第一个div 遮罩层，点击事件...
场景： html js vue中的写法
刚开始学习 vue和 muse-ui 的小白... 点击上图右侧的遮罩层隐藏侧边栏。直接复制官网的示例代码到 ap...
本文标题：vue 点击空白处or遮罩层隐藏div
本文链接：https://www.haomeiwen.com/subject/vulvrftx.html
网友评论