BarcodeScanner の例 — 単一スキャン (従来)
BarcodeScanner を使用してバーコードを認識する Lightning Web コンポーネントの最小限だが完全な例を示します。
HTML テンプレートでは、ユーザインターフェースをスキャンするために最小限必要な機能が提供されます。スキャンの結果を表示する要素、若干の静的なヘルプテキスト、スキャンを開始するボタンがあります。少し関心があるのは、モバイルデバイスにない場合にスキャンボタンを無効にするための disabled 属性の使用だけです。この属性は、コンポーネントの初期化時に isAvailable() の結果に基づいて設定されます。
次の簡単な例では、成功したスキャンの復号化された値が表示されます。また、スキャンの結果に基づいてトーストスタイルのメッセージも表示されます。スキャンライフサイクルの各フェーズでコンソールメッセージが書き込まれます。
関連トピック