Vue.js components for detecting and decoding QR codes

Vue.js components for detecting and decoding QR codes

Apr 13, 2019 / Ramesh Mhetre

A set of Vue.js components, allowing you to detect and decode QR codes, without leaving the browser.

  • QrcodeStream accesses the device camera and continuously scans incoming frames.
  • QrcodeDropZone renders to an empty region where you can drag-and-drop images to be decoded.
  • QrcodeCapture is a classic file upload field, instantly scanning all files you select.

All components are responsive. Beyond that, close to zero styling. Make them fit your layout. Usage is simple and straightforward:

<qrcode-stream @decode="onDecode"></qrcode-stream>

Get decoded string.

methods: {
  onDecode (decodedString) {
    // ...
  }
}


Here is the installation guide for this package.


Vue.js Vue.js News Vue.js Packages

Similar Articles

Javascript Markdown parser: Markdown-it

Javascript Markdown parser: Markdown-it

Markdown-it is a javascript library/package which converts markdown text to HTML. Its very fast, efficient & easy to use within your project.
Read more...
VuePress: Powerfull, static website generator with VueJs

VuePress: Powerfull, static website generator with VueJs

VuePress is a minimalistic Vue-powered static site generator from Evan You, the creator of Vue.js.
Read more...
A fancy VueJs time picker

A fancy VueJs time picker

Vuejs time picker with material design theme.
Read more...