zoukankan      html  css  js  c++  java
  • 弹窗-二维码生成与下载

    div(class='zzc' v-show="showCopyPassword")
      div(class='dia_qrcode' @click="handleClose")
      div(class='dia_qrcode_div')
        el-button(class='dia_qrcode_btn', @click="downLoad") 下载二维码
        div(id="qrcode")
     
    import QRCode from 'qrcodejs2'
     
     
    showCopyPassword: false,
     
     
     
    async copyPassword(row,val) {
     
      this.showCopyPassword = true;
      this.qrcode = new QRCode('qrcode', {
      text: actionButtonUrl + row.activityId,
        150,
        height: 150,
        colorDark: '#000', // 二维码颜色
        colorLight: "#ffffff" // 背景颜色
      });
    },
    handleClose() {
      document.getElementById('qrcode').innerHTML = "";
      this.showCopyPassword = false;
    },
    downLoad() {
      const myCanvas = document.getElementById('qrcode').getElementsByTagName('canvas');
      if(myCanvas && myCanvas.length) {
        console.log(myCanvas);
        const a = document.createElement('a')
        a.href = myCanvas[0].toDataURL('image/png');
        a.download = '二维码';
        a.click()
        this.$message({
          message: "正在进行下载保存",
          type: 'success'
        })
      }else {
        this.$message.error('下载失败!')
      }
    },
     
     
  • 相关阅读:
    task-clph
    遍历数组的方式
    iOS事件处理之七种手势
    quatz2d使用注意点
    iOS 细碎知识整理
    九宫格算法图示
    mac10.12的Cocopods安装使用
    静态库冲突的解决办法:duplicate symbol
    ceshi
    xmpp4-总览
  • 原文地址:https://www.cnblogs.com/J-Luck/p/14042737.html
Copyright © 2011-2022 走看看