<canvas id="qrcode"></canvas><!--生成二维码--> <div id="imgcode"></div><!--生成图片-->
var QRCode = require('qrcode'); getErCode(item){//生成二维码 let that=this; that.url=item.url; that.$nextTick(function() { let canvas=document.getElementById('qrcode'); let imgcode=document.getElementById('imgcode'); imgcode.innerHTML='';//防止屡次生成图片地址不变 QRCode.toCanvas(canvas,item.url,{ margin: 4, //二维码内边距,默认为4。单位px height: 240, //二维码高度 width: 240, //二维码宽度 },error=>{ var image = new Image(); //实例一个img image.src = canvas.toDataURL("image/png"); //转换成base64格式路径的png图片 image.style.width = "100%"; //设置样式 imgcode.appendChild(image); //添加到容器中 canvas.style.display = "none"; //隐藏掉canvas }) }) }