Package Exports

vue-zxing-scanner

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-zxing-scanner) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-zxing-scanner

Vue Barcode and QR code scanner

Benefits

Can scan both barcodes and QR codes
Uses ZXing ("zebra crossing"), an open-source, multi-format 1D/2D barcode image processing library implemented in Java, with ports to other languages.

Install

npm i vue-zxing-scanner

Usage

The Vue Zxing Scanner works out of the box by just including it.

Using Video Camera

Once a stream from the users camera is loaded, it's displayed and continuously scanned for barcodes. Results are indicated by the decode event.

import Vue from "vue";
import VueZxingScanner from "vue-zxing-scanner";
Vue.use(VueZxingScanner);

In your template you can use this syntax:

<div style="width:300px">
  <v-zxing
    @decode="onDecode"
    @loaded="onLoaded"
  />
</div>

methods: {
  onDecode (result) {
    console.log(result)
  }
}

Scanning from Image

TODO

Credit

https://github.com/olefirenko/vue-barcode-reader