使用VueJs从USB扫描仪扫描文档

npm install @zxing/library

<template>
  <div>
    <button @click="scan">扫描文档</button>
    <img v-if="scannedImage" :src="scannedImage" alt="扫描结果">
  </div>
</template>

<script>
import { BrowserMultiFormatReader } from '@zxing/library';

export default {
  data() {
    return {
      scannedImage: null
    };
  },
  methods: {
    async scan() {
      const codeReader = new BrowserMultiFormatReader();
      const videoInputDevices = await codeReader.listVideoInputDevices();
      const selectedDeviceId = videoInputDevices[0].deviceId;
      const constraints = {
        video: { deviceId: selectedDeviceId }
      };

      codeReader.decodeFromVideoDevice(selectedDeviceId, 'video', (result, err) => {
        if (result) {
          this.scannedImage = result.text;
          codeReader.reset();
        }
        if (err && !(err instanceof ZXing.NotFoundException)) {
          console.error(err);
        }
      }, constraints);
    }
  }
};
</script>