首页 > 编程知识 正文

qrcodejs2生成微信二维码,qrcodejs2 设置边框

时间:2023-05-04 06:58:02 阅读:287023 作者:4609

使用第三方包将当前路径转为二维码

使用步骤:

下载第三方包:

npm install qrcodejs2 --save

导入第三方包:

import QRCode from 'qrcodejs2'

调用:
添加结构:

<div id="qrcode" ref="qrcode"></div>

调用方法:

getQRcode() { var res = new QRCode({ width: 200, // 二维码的宽 height: 200, // 二维码的高 text: 'https://www.baidu.com' // 二维码对应的链接 })}this.getQRcode() // 创建DOM元素,存储二维码的位置<div id="qrcode" ref="qrcode"></div>// 生成二维码方法qrCode (url) { document.getElementById('qrcode').innerHTML = ''//在调用qrCode前使用js原生方法清空元素内容 let qrcode = new QRCode('qrcode', { width: 150, //图像宽度 height: 150, //图像高度 colorDark : "#000000", //前景色 colorLight : "#ffffff", //背景色 typeNumber:4, correctLevel : QRCode.CorrectLevel.H //容错级别 容错级别有:(1)QRCode.CorrectLevel.L (2)QRCode.CorrectLevel.M (3)QRCode.CorrectLevel.Q (4)QRCode.CorrectLevel.H }) qrcode.clear() //清除二维码 快三最准高手教学 height: 150, //图像高度 colorDark : "#000000", //前景色 colorLight : "#ffffff", //背景色 typeNumber:4, correctLevel : QRCode.CorrectLevel.H //容错级别 容错级别有:(1)QRCode.CorrectLevel.L (2)QRCode.CorrectLevel.M (3)QRCode.CorrectLevel.Q (4)QRCode.CorrectLevel.H }) qrcode.clear() //清除二维码 qrcode.makeCode(url) //生成另一个新的二维码}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。