qrcodejs2插件的使用

1.npm安装: npm install qrcodejs2 --save

2.在要用的文件引入: import QRCode from 'qrcodejs2'

3.使用:

<div id="qrcode" ref="qrcode" class="qrcode" />
getCode() {
  new QRCode(this.$refs.qrcode, {
    width: 80, // 生成二维码得宽度
    height: 80, // 生成二维码得高度
    text: 'https://www.baidu.com', // 要生成二维码得链接或则文字
    render: 'canvas',
    colorDark: '#000', // 二维码前景色
    colorLight: '#fff', // 二维码背景色
    correctLevel: QRCode.CorrectLevel.L // 容错率  从低到高依次为LMQH,越高生成得二维码越密
  })
},
// 刷新二维码
refreshImg() {
  this.$refs.qrcode.innerHTML = '' // 刷新时清空原二维码
  this.getCode()
  this.$message.success('刷新成功!')
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值