vue生成二维码图片

前端页面生成展示二维码两种情况

1、由后端生成二维码图片然后以base64格式传输给前端，前端负责展示（如果长时间频繁刷新二维码，接口压力可能会很大）

2、由前端自己生成二维码，使用qrcodejs2

直接上代码

    <!--二维码-->
    <div style="background: white; border: 1px solid rgb(204, 204, 204); padding: 10px; margin-top: 30px; border-radius: 6px;">
      <div class="qrcode" ref="qrCodeUrl"></div>
    </div>

import QRCode from 'qrcodejs2'//先安装，安装完引入

creatQrCode(str) {
      let qrcode = new QRCode(this.$refs.qrCodeUrl, {
        text: str, // 需要转换为二维码的内容
        width: 460,
        height: 460,
        colorDark: '#000000',
        colorLight: '#ffffff',
        correctLevel: QRCode.CorrectLevel.H
      })
    },