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 = \'qrcode\';

       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","");//清除二维码链接数据显示 }) }