Vue生成二维码插件QRcode

一、安装

在命令行中输入一下命令安装二维码插件：

npm install qrcodejs2 --save

需要注意的是，这里安装的是qrcodejs2而不是qrcode ，因为安装qrcode会报错。

 二、引入

在需要的页面引入QRcode插件：

import QRCode from 'qrcodejs2'  

三、使用

html部分：

<div id="qrcode_box"></div>

js部分：

Qrcode(){
    let qrcode = new QRCode('qrcode_box', {
        width: 200, //二维码的宽度
        height: 200,//二维码的高度
        text: 'https://www.baidu.com', // 二维码地址
        colorDark : "#000",//二维码颜色
        colorLight : "#fff",//二维码背景颜色
    })
},

//调用方法（在需要的地方调用）
this.Qrcode()