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

安装

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

cnpm install qrcodejs2 --save

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

cnpm install types/qrcodejs2

使用

在需要的页面引入：

import QRCode from 'qrcodejs2'

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

<div id="qrcode" ref="qrcode"></div>

配置，在methods方法里配置：

容错级别：

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API方法：

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

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

调用，在mounted方法里调用：