美文网首页
监听 document 点击,关闭弹框

监听 document 点击,关闭弹框

作者: 微笑的大步向前走 | 来源:发表于2020-04-27 13:21 被阅读0次

点击出现弹框,监听点击其他地方 就可以 关闭弹框

code:

  watch: {
    show (val) {
      if (val) document.addEventListener('click', this.hide, true)
    }
  }

// hide 方法
hide () {
  this.show = false
}

这样就可以了

相关文章

  • 监听 document 点击,关闭弹框

    点击出现弹框,监听点击其他地方 就可以 关闭弹框 code: 这样就可以了

  • demo1 动态显示view或弹框 动态隐藏view或弹框

    有一个弹框,弹框上边有一个关闭按钮,点击按钮,可以关闭弹框。点击弹框的周围区域也可以关闭按钮。 点击上边的隐藏弹框...

  • Appium通过相对坐标关闭弹框

    问题:获取不到弹框元素,想点击【不,谢谢】关闭弹框,弹框如下: 解决方法:通过相对坐标关闭弹框。方法如下: 1、获...

  • antd使用

    antd button按钮点击事件弹出弹框,弹框点击取消关闭,button按钮奇怪的带有focus样式

  • vue操作dom元素的三种方法介绍和分析

    相信大家在做项目的时候,肯定会遇到这样的问题:我点击新增按钮,需要弹出个弹框,然后我点击对应的关闭按钮,关闭弹框,...

  • vue操控dom

    相信大家在做项目的时候,肯定会遇到这样的问题:我点击新增按钮,需要弹出个弹框,然后我点击对应的关闭按钮,关闭弹框,...

  • antd form component

    两个属性 destroyOnClose关闭弹框后,清空之前写的内容 maskClosable 点击弹框外部的阴影,...

  • el-dialog点击外围,dialog对话框消失

    el-dialog点击外围,dialog对话框消失,需求是:只希望点击弹框的关闭按钮关闭,其他不允许 解决方法::...

  • elementui的el-form在初始状态清除校验提示

    问题描述: 第一次点击弹框编辑表单的时候,编辑框的输入不符合验证规则出现了提示,然后关闭弹框,再次打开弹框,提示就...

  • mui笔记

    1.mui 弹框,禁止点击遮罩关闭 window.addEventListener('tap', functio...

网友评论

      本文标题:监听 document 点击,关闭弹框

      本文链接:https://www.haomeiwen.com/subject/dtyywhtx.html