1、安装
npm install qrcodejs2 --save
或
yarn add qrcodejs2
2、页面引用
import QRCode from 'qrcodejs2'
3、页面定义容器
<!-- 二维码容器 -->
<div id="qrCode" ref="qrCode" class="qrcode"></div>
4、方法中使用
loadQRCode(code) {
this.$refs.qrCode.innerHTML = '' // 用于清空之前生成的二维码
new QRCode(this.$refs.qrCode, {
text: code,//二维码内容,可以是字符串或者网址
width: 300,//宽度 数字 px
height: 300,//高度 数字 px
colorDark: '#000', //二维码颜色
colorLight: '#fff', //二维码背景色
correctLevel: QRCode.CorrectLevel.L //容错率,L/M/H
})
},