Vue-插件 使用qrcodejs2插件实现二维码生成

安装
Js:安装qrcodejs2插件，终端输入命令

cnpm install qrcodejs2 --save

Ts:安装qrcodejs2插件，终端输入命令

cnpm install types/qrcodejs2

使用
在需要的页面引入：

import QRCode from ‘qrcodejs2’

在对应的Html页面中，添加html标签

配置，在methods方法里配置：
qrCode (url) {
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() //清除二维码
qrcode.makeCode(url) //生成另一个新的二维码
}

容错级别：

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API方法：

qrcode.makeCode(text) //设置二维码内容

qrcode.clear() //清除二维码。

调用，在mounted方法里调用：
mounted() {
this.qrcode();
},

ps:由于使用不起作用，在调用qrCode前使用js原生方法清空元素内容

document.getElementById(‘qrcode’).innerHTML = ‘’