質問: バーコードの番号を入力して登録するシステムを作っています。 例えば次のようなフォームがあるとします。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/77cf882cb088be0366d89f497595478f.png) 番号を読み込む方法は2種類あって 1. 直接番号を入力して送信ボタンを押す。 2. USBバーコードリーダーでスキャンして自動入力。入力後、自動で送信 単体であれば、どちらも実装できるのですが、複合して実装する事が出来ません。 ソースについては後術しますが、 1の方法で直接入力して送信するボタンを押そうとすると、 2の実装のために入力欄に追加している`v-on:change`の発火してしまう為です。 キーボードによる入力は、手動入力の値を確認したいので、任意のタイミングで実行したいです。 この2つを共存させる事は出来ないでしょうか? ソースコード ------ 下記のようなコンポーネントを作りました。 ```
回答: バーコードリーダにどの製品を使用されているかはわかりませんが、そういった製品は読み込み後にEnterやTabが送られる、あるいは送られるように設定できたと思います フォーカスが外れる、とのことなので現在Tabが送られているのでは無いでしょうか? そうであれば、inputのv-on:changeをTabのキーダウンを拾うv-on:keydown.tab に差し替えられかもしれないです。 ただこの場合、キーボードからtabを叩いても反応してしまうので、バーコード・キーボードのどちらでも入力チェックを噛ませる必要が出て来ますが、v-on:changeが無くなるので二重処理は発生しなくなると思います