vue用qrcodejs2生成二维码，解决多个二维码追加的问题

vue使用qrcodejs2生成二维码

1、安装qrcodejs2

?

1	npm install qrcodejs2

 2、代码

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

//导入组件 import QRCode from 'qrcodejs2'   //这个div用来展现二维码 <div   id="twoImageId"></div>     //生成二维码的方法 generateQRCode(classId, value) {     new QRCode(document.querySelector(classId), {         text: value,         width: 180,         height: 180,         colorDark: "#000000",         colorLight: "#ffffff",         correctLevel: QRCode.CorrectLevel.H     }) },          this.generateQRCode("#twoImageId",'这是需要生成二维码的文本');

 

这样就能生成二维码，但是窗口关闭在打开，重新生成的二维码，会追加到之前生成的二维码并没有覆盖如下图：

3、解决问题

网上搜了一些解决办法如下两个都不行，一旦这样清空，后面生成二维码的代码就无法正常生成二维码了

$('#twoImageId').html("");
$('#twoImageId').empty()

最终解决办法：

?

1 2 3 4 5 6

<div ref="twoImageRef" id="twoImageId"></div>   //清空之前的二维码 否则会生成多个 this.$refs.twoImageRef.innerHTML = '';   this.generateQRCode("#twoImageId",'这里是需要生成二维码的文本');

 

资源丰富的的网盘资源：网盘资源大全！ 推荐一个适合零基础学习SQL的网站：不用安装数据库，在线轻松学习SQL！