恩蓝号

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

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

使用步骤:

下载第三方包:

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) //生成另一个新的二维码}

免责声明:文章源自网络,版权归原作者所有,如有侵犯联系删除。

当前位置:首页 > 编程知识 » 2023-03-03 13:09:30

猜你喜欢