Componente QRCodeReader para Zeedhi
Instalação | Uso Básico | Propriedades |
O component zd-qrcode-reader é um componente para fazer a leitura de QRCode usando a câmera.
Instalação
Para instalar o pacote basta rodar o seguinte comando:
npm i @zeedhi/zd-qrcode-reader
Com isso, dois pacotes serão instalados: o @zeedhi/zd-qrcode-reader-common e o @zeedhi/zd-qrcode-reader-vue.
Após a instalação, é necessário que você importe o pacote @zeedhi/zd-qrcode-reader-vue dentro de seu arquivo de configuração zeedhi.ts
import { ZdQRCodeReader } from '@zeedhi/zd-qrcode-reader-vue';
Vue.component('ZdQRCodeReader', ZdQRCodeReader);Já o pacote @zeedhi/zd-qrcode-reader-common deve ser importado no arquivo controller do componente.
Uso Básico
Para usar, defina a propriedade component como 'ZdQRCodeReader'.
{
"name": "qrcode-reader-example",
"component": "ZdQRCodeReader"
}Propriedades
| Nome | Tipo | Default | Descrição |
|---|---|---|---|
| detectedCodes | string | string[] | undefined | A string para gerar o QR Code |
| loadingCamera | boolean | false | Tamanho do QR Code |
| cameraMode | string | "auto" | Nível de correção de erros |
| trackingOption | string | 'outline' | 'none' | Cor do QR Code |
Propriedades
| Nome | Tipo | Default | Descrição |
|---|---|---|---|
| detectedCodes | string | string[] | undefined | Código(s) detectados |
| loadingCamera | boolean | false | Indica se a câmera está sendo carregada |
| cameraMode | string | "auto" | Controla qual câmera acessar no dispositivo do usuário, Use font ou rear para forçar o uso da câmera frontal ou traseira, respectivamente. Se você escolher auto, a câmera traseira será solicitada por padrão. No entanto, se um dispositivo, como um laptop, tiver apenas uma câmera frontal instalada, o modo auto será redirecionado para ela. Use off para não solicitar nenhuma câmera, ou seja, desligar a câmera. |
| trackingOption | string | 'outline' | 'none' | Modo de rastreamento. Para desabilitar, é necessário definir como none
|