条形码，一维码解析（vue版本）

拉起摄像头或者是传入图片进行解析：

 

第三方插件：quagga.js

二维码插件：qrcodejs2.js（本篇暂时只记录条形码js解析）

 

首先:

npm i quagga -s -d

 

在需要的页面引入：

import Quagga from 'quagga' // 条形码 import QRCode from 'qrcodejs2'

 

HTML：

<p style="border-bottom: 1px solid #ccc;height:0.3rem">
  <span @click="qrcode" style="width: 45%;height: 100%;line-height: 0.3rem;font-size: 16px; display: inline-block;border-right: 1px solid #ccc;">二维码录入</span>
  <span @click="quagga" style="width: 50%;height: 100%;line-height: 0.3rem;font-size: 16px; display: inline-block;&