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

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

一开始想到的是事件修饰符,试过之后并不能实现,就用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   //只需加一个判断,判断控制弹框状态的变量是否为真,即是否为打开状态,如果是打开,就不再执行,就阻止了再次点击事件

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

      }

    }

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