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
 })
},

調(diào)用

 this.creatQrCode();

在html里使用qrcodeJs

<div id="qrcode"></div>
<script type="text/javascript">
   new QRCode(document.getElementById("qrcode"), 
      "https://www.qtshe.com"  // 設(shè)置要生成二維碼的鏈接
   );  
</script>

詳細的配置參數(shù)參考
new QRCode(element,option)

參數(shù)配置參考圖.png

容錯級別有

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

API方法

qrcode.makeCode(text)   //設(shè)置二維碼內(nèi)容
qrcode.clear() //清除二維碼。

兼容性
IE6?10，Chrome，F(xiàn)irefox，Safari，Opera，Mobile Safari，Android，Windows Mobile等