什么是 QRCode.js？
QRCode.js 是一個(gè)用于生成二維碼的 JavaScript 庫(kù)。主要是通過獲取 DOM 的標(biāo)簽,再通過 HTML5 Canvas 繪制而成,不依賴任何庫(kù)。

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

或者使用一些可選參數(shù)設(shè)置：

var qrcode = new QRCode("test", {
    text: "https://www.qtshe.com",
    width: 130,
    height: 130,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

同樣我們可以使用以下方法：

qrcode.clear(); // 清除代碼
qrcode.makeCode("https://m.qtshe.com"); // 生成另外一個(gè)二維碼

在vue里使用qrcodeJs

vue里安裝qrcodejs的npm包

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

瀏覽器兼容性
IE6?10，Chrome，F(xiàn)irefox，Safari，Opera，Mobile Safari，Android，Windows Mobile等
就說到這吧。有啥問題加QQ群111857902 或者QQ8662054

青團(tuán)社招聘：

招聘崗位：高級(jí)前端開發(fā)工程師P5及以上
坐標(biāo)杭州市余杭區(qū)文一西路1380號(hào)金之源大廈11層

簡(jiǎn)歷投遞到：hr@qtshe.com || haochen@qtshe.com

職位描述：

1、建設(shè)工具、提煉組件、抽象框架，促進(jìn)前端工程化、服務(wù)化，持續(xù)提升研發(fā)效率，保障線上產(chǎn)品質(zhì)量

2、構(gòu)建H5/PC應(yīng)用基礎(chǔ)設(shè)施，主導(dǎo)建設(shè)前端各種發(fā)布/監(jiān)控等平臺(tái)，指導(dǎo)落實(shí)解決方案

3、持續(xù)優(yōu)化前端頁(yè)面性能，維護(hù)前端代碼規(guī)范，鉆研各種前沿技術(shù)和創(chuàng)新交互，增強(qiáng)用戶體驗(yàn)、開拓前端能力邊界