功能:纯前端生成二维码并下载到本地
步骤拆分:生成二维码,把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;