vue3_barcode_easy_scanner v0.1.19
code-scanner
utilisation
<scan-code @read=""></scan-code
props
Dev mode
active le mode dev , qui affiche plus de data dans la console
prop : dev_mode
required:false,
type: Boolean
default: false
Gestion touche entré auto
certain scan leve un event 'keypress' sur la touche entrée après une lecture code, d'autre non. avec la propriété à true , le composant attend l'événement "touche entrée" pour valider une lecture. si réglé à false, la lecture est envoyé automatiquement au bout d'un certain temps.
prop : enter_key_mode
required:false,
type: Boolean
default: true
Gestion temps avec lecture auto
si enter_key_mode est à false (voir prop dessus), vous pourrez régler le temps avant la lecture auto
prop : time_wait
required:false,
type: Number
default: 100
en attente de lecture par defaut
au chargement du composant , la lecture est tout de suite activé ou non
prop : default_enable
required:false,
type: Boolean
default: true
Text lecture non active
texte affiché lorsque la lecture n'est pas active
prop : scan_text
required:false,
type: String
default: 'Cliquer pour commencer à scanner'
Text lecture
texte affiché lors de l'attente de la lecture
prop : scan_text_progress
required:false,
type: String
default: 'En attente de lecture...'
Validation de lecture
le code lu peut être vérifié par une règex renseigné en prop.l'event @read ne sera émit que si le code passe ce test. la regex devra inclure également les éléments cachées ( exemple : code voulu : 145 ,code bar QR145)
prop : validation_regex
required:false,
type: String
default: ''
pop up resultat
Affichage d'un popup ,affichant le resultat, rendra également l'état (correct ou erroné ) si une regex a été passé en prop
prop : see_valid_alert
required:false,
type: Boolean
default: false
pop up time
temps affichage du popup
prop : alert_display_time
required:false,
type: Number
default: 2000
pop up texte en cas de succès
texte affiché si le code est lu sans validation ou que la validation est bonne si activé
prop : alert_success_msg
required:false,
type: Function
default: function(code){
return 'Lecture code : ' + code;
},
pop up texte en cas d'échec
texte affiché si le code n'est pas valide
prop : alert_error_msg
required:false,
type: Function
default: function(code){
return 'Lecture code incorrect: ' + code;
},
Activation mode manuel
Si activé , laisse le choix de pouvoir taper un code manuellement
prop : with_manual_mode
required:false,
type: Boolean
default: true
Activation mode manuel
placeholder du champ texte manuel
prop : manual_placeholder
required:false,
type: String
default: 'tapez le code manuellement'
Choix appareil
mode Zebra pour les appareil de marque Zebra qui n'acceptent pas les events du mode standard
prop : device
required:false,
type: String
default: 'standard'
Mask de code
pour les prefix et suffix de code qui sont cachés dans le code Bar . exemple: le code que vous chercher à lire est 145879 mais le code bar est imprimer "QR145879END" , il suffira de mettre dans la prop "QR###END".
prop : mask
required:false,
type: String
default: ''
Events sortants
read
event emis lors d'une lecture de code
enable
event emis lorsque la lecture est activé
disable
event emis lorsque la lecture est désactivé
change_mode_scan
event emis lorsque le mode scan/manuel est modifié
dev
recupère les logs émis lorsque le mode dev est activé
Events entrant
###enableScan active la lecture
###disableScan désactive la lecture
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago