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
          })
Logo

前往低代码交流专区

更多推荐