Componente QRCode para Zeedhi
Instalação | Uso Básico | Propriedades |
O component zd-qrcode foi criado para gerar QR Code a partir de um texto.
Instalação
Para instalar o pacote basta rodar o seguinte comando:
npm i @zeedhi/zd-qrcode
Com isso, dois pacotes serão instalados: o @zeedhi/zd-qrcode-common e o @zeedhi/zd-qrcode-vue.
Após a instalação, é necessário que você importe o pacote @zeedhi/zd-qrcode-vue dentro de seu arquivo de configuração zeedhi.ts
import { ZdQRCode } from '@zeedhi/zd-qrcode-vue';
Vue.component('ZdQRCode', ZdQRCode);Já o pacote @zeedhi/zd-qrcode-common deve ser importado no arquivo controller do componente.
Uso Básico
Para usar, defina a propriedade component como 'ZdQRCode'.
{
"name": "qrcode-example",
"component": "ZdQRCode",
"text": "Text"
}Propriedades
| Nome | Tipo | Default | Descrição |
|---|---|---|---|
| text | string | "" | A string para gerar o QR Code |
| size | number | 150 | Tamanho do QR Code |
| errorLevel | 'L' | 'M' | 'Q' | 'H' | "H" | Nível de correção de erros |
| color | string | "#000" | Cor do QR Code |
| backgroundColor | string | "#FFF" | Cor do fundo do QR Code |