zoukankan      html  css  js  c++  java
  • 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   //只需加一个判断,判断控制弹框状态的变量是否为真,即是否为打开状态,如果是打开,就不再执行,就阻止了再次点击事件

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

          }

        }

  • 相关阅读:
    移动端picker插件
    腾讯云主机如何使用root账号登录,不能使用root登录怎么办
    windows安装composer总结
    ubuntu安装git
    workman
    权限设计
    app接口
    git提交流程简述
    mysql分区partition详解
    html元素拖拽
  • 原文地址:https://www.cnblogs.com/lige1234/p/14142084.html
Copyright © 2011-2022 走看看