barcode-scanner

Camera-based barcode/QR code scanner with product lookup.

<barcode-scanner
    :active.sync="scannerActive"
    :lookup-and-add="addProductByBarcode"
    :time-between-scans="1500"
/>

Key Features:

  • Real-time barcode detection

  • Customizable scan throttling

  • Success/error feedback

  • Automatic product lookup and addition

  • Pause/resume controls

Props:

  • active (Boolean) - Scanner visibility

  • paused (Boolean) - Pause scanning

  • title (String) - Scanner title

  • notice (Object) - Status notice configuration

  • timeBetweenScans (Number) - Scan throttle (default: 1000ms)

  • lookupAndAdd (Function) - Product lookup callback

  • buildSuccessMessage (Function) - Custom success message builder

Events:

  • decode - Barcode detected

  • - Scan result result

  • loaded - Scanner loaded

  • update:active - Visibility sync

Last updated

Was this helpful?