1、安装qrcodejs2
npm install --save qrcodejs2
2、引用
import QRCode from "qrcodejs2";
3、html代码
<div v-for="item in list" :key="item.id" class="itemDiv"><p class="qrCode-img"><span class="img" :id="'qrCode'+item.id" ref="qrCodeDiv"></span><span>{{item.code}}</span></p>
</div>4、JS代码
javascript"> bindQRCode: function () {const that = thisthis.$nextTick(function () {this.printList.forEach((item,index)=>{that.$refs.qrCodeDiv[index].innerHTML="";//这一步是防止重复生成二维码let qrcode = new QRCode(that.$refs.qrCodeDiv[index], {text: item.code,width: 90,height: 90,colorDark: "#333333", //二维码颜色colorLight: "#ffffff", //二维码背景色correctLevel: QRCode.CorrectLevel.L//容错率，L/M/H})})}) },
