Vue.js components for detecting and decoding QR codes

Vue.js components for detecting and decoding QR codes

Apr 13, 2019 / Moody Developer

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.



Similar Articles

Auto import components in NuxtJS

Auto import components in NuxtJS

Auto import all your components within NuxtJS which makes code much cleaner & less hastle.
Read more...
Use Chart.js in NuxtJS applications

Use Chart.js in NuxtJS applications

Using chart.js within your NuxtJs(VueJs) application is easy like piece of cake
Read more...