Захват штрих-кода «Ввод» терминатора в VueJS или JS - PullRequest
0 голосов
/ 27 сентября 2019

У меня есть сканер штрих-кода WASP WSC3900, подключенный к моему приложению VueJS.Я могу прочитать штрих-код в моем компоненте поля ввода, но мне трудно захватить терминатор «Enter», чтобы я мог «сделать что-то».Точнее, верните штрих-код в виде строки и сфокусируйте его на следующем поле ввода.Я использую vue-barcode-scanner для базовой установки с Vue, найденным здесь .

См. Снимок экрана чтения пользовательского интерфейса и консоли ниже enter image description here enter image description here

Как я понимаю, "Enter "обнаруживает" клавишу ввода "нажмите.Проблема с этим заключается в том, что это приложение будет в первую очередь управляемым оружием штрих-кода (без клавиатуры и мыши).Таким образом, прекращение должно быть сделано по-другому.В руководстве по эксплуатации пистолета со штрих-кодом указано, как его запрограммировать на использование нескольких клавиш в качестве терминатора, а не как завершить его самостоятельно и передать фокус.

Vue-Barcode-Scanner, тем не менее, предоставляет некоторые полезные функции метода для облегчения чтения в жизненном цикле, но я все еще застрял.Вот приведенные функции

created () {
  // Add barcode scan listener and pass the callback function
  this.$barcodeScanner.init(this.onBarcodeScanned)
},
destroyed () {
  // Remove listener when component is destroyed
  this.$barcodeScanner.destroy()
},
methods: {
  // Create callback function to receive barcode when the scanner is already done
  onBarcodeScanned (barcode) {
    console.log(barcode)
    // do something...
  },
  // Reset to the last barcode before hitting enter (whatever anything in the input box)
  resetBarcode () {
    let barcode = this.$barcodeScanner.getPreviousCode()
    // do something...
  }
}

Буду признателен за любую помощь, помогая мне записать все прочитанное как целую строку и переместить фокус в другое поле для нового чтения (так же, как в продуктовом магазине безклиент нажимает любую клавишу)

...