Need help with vue-barcode?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

lindell
166 Stars 22 Forks MIT License 28 Commits 11 Opened issues

Description

Barcode generator for Vue.js

Services available

!
?

Need anything else?

Contributors list

# 7,506
JavaScr...
HTML
barcode
barcode...
13 commits
# 339,656
webrtc
Java
video-s...
iOS
3 commits
# 499,911
vue2
vuejs2
JavaScr...
barcode
2 commits
# 216,554
sms
HTML
webfram...
golang
1 commit
# 566,221
vue2
vuejs2
JavaScr...
barcode
1 commit
# 136,092
CSS
tailwin...
css-fra...
netflix
1 commit

VueBarcode

Add barcodes to your Vue application super easily with VueBarcode! Try it out!

Supported barcode formats:

CODE128
EAN
EAN-13
EAN-8
EAN-5
EAN-2
UPC (A)
CODE39
ITF-14
MSI
Pharmacode
Codabar

It is a light wrapper for the JsBarcode barcode library.

Install

npm install vue-barcode

Use

1. Add VueBarcode as a component

import VueBarcode from 'vue-barcode';

new Vue({ components: { 'barcode': VueBarcode } })

2. Use it

  Show this if the rendering fails.

Example

Simple example with input binding. Try it out with this JsFiddle!

html

Show this if the rendering fails.
import VueBarcode from 'vue-barcode';

var app = new Vue({ el: '#app', data: { barcodeValue: 'test', }, components: { 'barcode': VueBarcode } })

Options

All options:

format
width
height
text
font-options
font
text-align
text-position
text-margin
font-size
background
lineColor
margin
margin-top
margin-bottom
margin-left
margin-right
display-value
ean128

For more information, see the JsBarcode documentation.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.