前端生成二维码 vue QRcode

安装

npm i qrcodejs2 -S

引入

import QRCode from 'qrcodejs2'

代码

<div id='qrcode'></div>
let qrcode = new QRCode('qrcode', {
        width: 150, //图像宽度
        height: 150, //图像高度
        colorDark : "#000000", //前景色
        colorLight : "#ffffff", //背景色
        typeNumber:4, 
        correctLevel : QRCode.CorrectLevel.H //容错级别 容错级别有：（1）QRCode.CorrectLevel.L （2）QRCode.CorrectLevel.M （3）QRCode.CorrectLevel.Q （4）QRCode.CorrectLevel.H
    })
    qrcode.clear() //清除二维码  不起作用了 换下面的
   document.getElementById('qrcode').innerHTML = ''
    qrcode.makeCode(url) //生成另一个新的二维码