前端页面生成展示二维码两种情况
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
})
},