vue 中生成二维码,并下载

安装qrcodejs2

 import QRCode from 'qrcodejs2'

  <div id="qrcode"></div>
  <el-button @click="share">分享二维码</el-button>

         
 let qrcode = new QRCode('qrcode', {  
    width: 244,  // 设置宽度 
    height: 244, // 设置高度
    text:JSON.stringify(codes)
 })
 $("#qrcode img").prevAll().remove()
 let title=document.getElementById('qrcode').title
 document.getElementById("qrcode").removeAttribute("title")

var oQrcode = document.querySelector('#qrcode img')
        var url = oQrcode.src
        var a = document.createElement('a')  
        var event = new MouseEvent('click')  
        // 设置下载二维码的名字
        a.download = '嘤嘤嘤'
        //获取上面img的url
        a.href = url 
        //执行下载 
        a.dispatchEvent(event)