qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏

点击空白处不隐藏弹窗，点击弹窗里的‘x’和取消按钮关闭弹窗。

os：人家都是让点击空白处隐藏弹窗，为啥我们的需求有点另类？！木有办法~大佬有需求，小小程序员只能领命。。。

话说，element的el-dialog组件是不是自身带有，点击页面空白隐藏弹窗的功能（反正我没写，点击空白时，小弹窗童鞋就自己隐身了~），也没有深究，来上解决需求的代码~

<el-dialog ref="dialog" :visible.sync="compactDialog" width="1000px"></el-dialog>data() {return {compactDialog: false // 弹窗隐藏}
},mounted() {const that = this // 存一下this（因为下面的点击事件等于又包了一层），this要保证指向当前页面document.addEventListener('click', function(e) { // 点击空白处让弹窗状态为显示that.compactDialog = true})
// this.$refs.dialog.$refs.dialog vue获取dom
// 至于为什么写这么长，是因为this.$refs.dialog获取的是弹窗遮罩(遮罩100%全屏覆盖)，如果在这阻止默认事件，就把document点击事件给阻止了，
// 所以this.$refs.dialog.$refs.dialog 获取的是弹窗的内容层，这样点击里面的‘x’和取消按钮就可以关闭弹窗了this.$refs.dialog.$refs.dialog.addEventListener('click', function(e) {e.stopPropagation() // 阻止冒泡})
},啰嗦了，不过是切身体会，该章节完结。。。

qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏相关推荐

qtreewidget点击空白处时取消以选项_手机APP自动续费，我们要如何取消？
随着各大视频网站内容IP的打造追剧男孩女孩的钱包有点儿紧 A视频APP能看"妻子2" B视频APP能看"都挺好" A视频APP会员能看"东宫&quo ...
设备管理器点击操作时只有帮助选项
在做硬件驱动测试的时候,打开设备管理器,点击操作只有帮助选项而没有添加过时硬件等选项,只需要随便点击一下下面的设备(处理器,打印队列等),就可以返回继续操作了.图例,上面的图只有帮助,下面则会有其他的 ...
Html点击按钮时修改某个标签的 click点击事件
解决的问题:当图片点击时给另外一个div里面的li标签赋予点击事件主要核心代码 $(".delMember").attr('onclick', '').unbind('cli ...
记——通过点击表头弹出筛选选项列表，点击进行数据筛选
要求 a.点击表头弹出列表 b.点击筛选内容进行数据筛选 c.允许多条件 d.当点击筛选选项列表之外的区域时,列表收起 e.筛选选项列表宽度与列宽度保持一致 f.筛选选项列表需要有横向滚动条实现 a ...
vue点击按钮怎么跳转图片_vue下的h5页面实现点击图片跳转小程序
第一步:配置签名和申明openTagList that.$api.getShareParam(params).then(data => { wx.config({ debug: false, a ...
解决安装SQL Server 2005开发版时，出现“SQL Server 服务无法启动 ”点击重试或取消的解决方法
问题描述: 安装SQL Server 2005开发版时,提示SQL Server服务无法启动,有关详细信息,请参阅SQL Server联机丛书中的主题如何查看SQL Server 2005安装日志文件 ...
win10 uwp 让焦点在点击在页面空白处时回到textbox中
原文:win10 uwp 让焦点在点击在页面空白处时回到textbox中在网上有一个大神问我这样的问题:在做UWP的项目,怎么能让焦点在点击在页面空白处时回到textbox中? 虽然我的小伙伴认为 ...
html取消图片选中效果,web前端：取消a标签在移动端点击时的背景颜色
背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间.因此,内容框与内边距都是元素背景的一部分,且边框画在背景上.css允许应用纯色作为背景,也允许使用背景 ...
JTable 失去焦点时取消编辑状态
为什么80%的码农都做不了架构师?>>> reference: http://tips4java.wordpress.com/2008/12/12/table-stop-edi ...

qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏

qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏相关推荐

最新文章

热门文章