点击空白处不隐藏弹窗，点击弹窗里的‘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() // 阻止冒泡})
},啰嗦了，不过是切身体会，该章节完结。。。
.doc)
两部分组成。 - 百科题库网...)
;时提示：date_default_timezone_set())
