前端生成二维码图片

需求：web展示APP二维码图片，实现扫一扫下载App

工具：qrcodejs2

npm地址

• 安装插件

yarn add qrcodejs2

• 使用插件

<img :src="qrCodeUrl" alt="" />

import QRCode from 'qrcodejs2' // 引入qrcode

createQRCode(str) {
      const el = document.createElement('div')//不用挂载到dom上
      const option = {
        width: 56,
        height: 56,
        text: str, // 二维码地址
        colorDark: '#000',
        colorLight: '#fff',
        correctLevel: QRCode.CorrectLevel.L,
      }
      const qrcode = new QRCode(el, option)
      this.qrCodeUrl = qrcode._oDrawing._elCanvas.toDataURL('image/png')
    }

注意事项：

• 电脑和手机在同一局域网内