【vue】npm引进 QRCode 二维码生成器
1.安装qrcodejs2控制台输入:npm install --save qrcodejs22.在vue文件引入import QRCode from ‘qrcodejs2’3.编写代码前端<div class="qrcode" ref="qrCodeUrl" :style="qrcodeSS != null? 'opacity:1':'opacity:0.5'"></div&g
·
1.安装qrcodejs2
控制台输入:
npm install --save qrcodejs2
2.在vue文件引入
import QRCode from ‘qrcodejs2’
3.编写代码
前端
<div class="qrcode" ref="qrCodeUrl" :style="qrcodeSS != null? 'opacity:1':'opacity:0.5'"></div>
js代码
new QRCode(this.$refs.qrCodeUrl, {
text: '网址/文字都可以', // 需要转换为二维码的内容
width: 100, // 二维码宽度
height: 100, // 二维码高度
colorDark: '#000000',// 二维码颜色
colorLight: '#ffffff', // 二维码背景
correctLevel: QRCode.CorrectLevel.H //纠错等级容错级别,可设置为:QRCode.CorrectLevel.L、
QRCode.CorrectLevel.M、QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H
})
更多推荐
已为社区贡献2条内容
所有评论(0)