Vue实现长按二维码保存到本地

<div id="qrcode" @click="aa"></div>

 methods: {


   aa(){//点击下载二维码保存到本地
      setTimeout(()=>{
      let myCanvas = document.getElementById('qrcode').getElementsByTagName('canvas');
      let a = document.createElement('a')
      a.href = myCanvas[0].toDataURL('image/png');
      a.download = '供餐二维码';
       a.click()
         this.$message({
           showClose: true,
           message: '正在进行下载保存',
           type: 'success'
          });
      },0)
    },


 },

mounted(){ this.$nextTick(()=>{//绘制二维码 let qrCodeContainer = document.getElementById('qrcode'); qrCodeContainer.innerHTML = ''; let qrcode = new QRCode(qrCodeContainer, { width: 180,//设置宽高 height: 180, correctLevel: 3 }); qrcode.makeCode(this.qrCode+'?idt_owner='+this.idt_owner+'&idt_area_open='+this.base_ids); this.imgUrl=this.qrCode+'?idt_owner='+this.idt_owner+'&idt_area_open='+this.base_ids//获取二维码地址,this.qrCode(域名)+参数
$("#qrcode").attr("title","");//清除二维码链接数据显示 }) }

 

上一篇:windows10下Bad owner or permissions on .ssh/config的解决办法


下一篇:第一次反射实践