监听 document 点击,关闭弹框

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

code:

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

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

这样就可以了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • App里总会有很多的弹窗,为了美观,大多数弹窗都需要盖住导航栏;这时弹窗会添加到window上以满足需求。但添加到...
    大良造L阅读 6,623评论 8 35
  • 2017.02.22 可以练习,每当这个时候,脑袋就犯困,我这脑袋真是神奇呀,一说让你做事情,你就犯困,你可不要太...
    Carden阅读 1,383评论 0 1
  • 最近很多文章都在说弹框设计,其实一个弹框就是一个弹框而已,没那么多讲究。我用一句话就可以概括,这句话叫做——扩展句...
    我的小美美阅读 719评论 0 5
  • 锋芒毕露,是说一个人很有才能,然后有点骄傲自大,喜欢把自己的才能显摆出来让人发现。 为什么锋芒毕露的人会遭人讨厌,...
    墨笔生徽阅读 1,969评论 2 2
  • 身为北方人的我,对雪,是有一种深厚感情的…… 我想每一个北方人,都有这样的期待,在秋末冬初,道旁树上泛黄的叶子还未...
    子曰不言阅读 239评论 0 2