QRCode.js？

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。

在vue里使用qrcodeJs

安装

npm install qrcodejs2

引入

import QRCode from 'qrcodejs2'

布局

<div class="qrcode" ref="qrCodeUrl"></div>

生成

creatQrCode() {
  var qrcode = new QRCode(this.$refs.qrCodeUrl, {
      text: 'https://www.qtshe.com', //二维码生成地址
      width: 100,
      height: 100,
      colorDark: '#000000',
      colorLight: '#ffffff',
      correctLevel: QRCode.CorrectLevel.H
 })
},

调用

 this.creatQrCode();

在html里使用qrcodeJs

<div id="qrcode"></div>
<script type="text/javascript">
   new QRCode(document.getElementById("qrcode"), 
      "https://www.qtshe.com"  // 设置要生成二维码的链接
   );  
</script>

详细的配置参数参考
new QRCode(element,option)

参数配置参考图.png

容错级别有

QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H

API方法

qrcode.makeCode(text)   //设置二维码内容
qrcode.clear() //清除二维码。

兼容性
IE6〜10，Chrome，Firefox，Safari，Opera，Mobile Safari，Android，Windows Mobile等