vue.js中使用QRCode生成二维码

2019独角兽企业重金招聘Python工程师标准>>>

一、引入

（1）、直接引入js文件

<script src="qrcode.js"></script>

（2）、npm引入

1、npm install qrcodejs2 --save 
2、import QRCode from 'qrcodejs2'

二、使用

// 简单方式
new QRCode(document.getElementById('qrcode'), 'your content');

// 设置参数方式
var qrcode = new QRCode('qrcode', {
  text: 'your content',
  width: 256,
  height: 256,
  colorDark : '#000000',
  colorLight : '#ffffff',
  correctLevel : QRCode.CorrectLevel.H
});

// 使用 API
qrcode.clear();
qrcode.makeCode('new content');

三、参数方法说明

1、参数

名称	默认值	说明
width	256	图像宽度
height	256	图像高度
typeNumber	4
colorDark	"#000000"	前景色
colorLight	"#ffffff"	背景色
correctLevel	QRCode.CorrectLevel.L	容错级别，可设置为： QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H

2、方法

名称	说明
makeCode(text)	设置二维码内容
clear()	清除二维码。（仅在不支持 Canvas 的浏览器下有效）

 

相关文档：Github  中文文档

 

 

转载于:https://my.oschina.net/lcl6659/blog/1551764