一、安装
在命令行中输入一下命令安装二维码插件:
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()