纯前端生成二维码并下载到本地

功能：纯前端生成二维码并下载到本地
步骤拆分：生成二维码，把html转成canvas，下载图片
用到的库：qrcodejs2，vue-qr，html2canvas
代码：

<p @click="downQR">下载二维码</p>
<div id="qrcode-box" class="qrcode-box">
  <div class="qrcode" ref="qrCodeUrl"></div>
</div>

<style>
.qrcode-box {
    
  width: 180px;