在前端项目中使用QRCode.js生成二维码功能
安装 npm install qrcodejs2 --save 并在项目内引入 import QRCode from ‘qrcodejs2’
<div class="qr" id="qrcode" ref="qrcode">
</div>
// 生成二维码
createCode() {
// document.getElementById('qrcode').innerHTML = ''
let that = this;
let qrcode = new QRCode('qrcode', {
text: '二维码内容',//内容可以是链接,文字等
width: 148, //图像宽度
height: 148, //图像高度
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
})
}