vue 批量字符串转二维码vue 批量字符串转二维码 vue 字符串转成二维码
npm i qrcodejs2
import QRCode from 'qrcodejs2';
<div id="qrcode" v-show="false"> </div>
mounted() { this.setQrCodeUrl(); },
setQrCodeUrl(){ this.printData.list.forEach(item => { console.log(item.id); //二维码 const qrCodeImage = new QRCode(document.getElementById("qrcode"), { text: item.id, width: 128, height: 128, colorDark: "#000000", colorLight: "#ffffff", correctLevel: QRCode.CorrectLevel.L }); item.imgBase64 = qrCodeImage._oDrawing._elCanvas.toDataURL("image/png"); }); }
<el-image style="width: 112px; height: 112px" :src="item.imgBase64" fit="cover"></el-image>
今天的文章
vue 批量字符串转二维码分享到此就结束了，感谢您的阅读。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ji-chu/83415.html