码迷,mamicode.com
首页 > 其他好文 > 详细

页面中当一个弹框打开的时候,阻止原页面的点击事件

时间:2020-12-21 11:32:45      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:jpg   play   idt   alt   car   状态   info   item   二维码   

在二维码卡包中,点击某张卡,展示二维码的图片,这张二维码打开的时候,内层的点击事件还会生效,防止误点击,所以在这时要禁止内层的点击事件。

一开始想到的是事件修饰符,试过之后并不能实现,就用js实现了,图片如下技术图片

html: 二维码卡包 <div @click="openQrcode(item.cardId)"> item.qrcodeName</div>

         点击卡包弹出的二维码图片弹框<qrcodeShare v-if="alertQrcodeFlag"></qrcodeShare>

js: 

data(){

  return{

     alertQrcodeFlag:false

    }

  }

 

methods:{

      openQrcode(id){

       if(this.alertQrcodeFlag) return   //只需加一个判断,判断控制弹框状态的变量是否为真,即是否为打开状态,如果是打开,就不再执行,就阻止了再次点击事件

       ...............

      }

    }

页面中当一个弹框打开的时候,阻止原页面的点击事件

标签:jpg   play   idt   alt   car   状态   info   item   二维码   

原文地址:https://www.cnblogs.com/lige1234/p/14142084.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!