Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 28 Commits
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package-lock.json		package-lock.json
package.json		package.json

Repository files navigation

VueBarcode

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

Supported barcode formats:CODE128EANEAN-13EAN-8EAN-5EAN-2UPC (A)CODE39ITF-14MSIPharmacodeCodabar

It is a light wrapper for theJsBarcode barcode library.

Install

npm install vue-barcode

Use

1. Add VueBarcode as a component

importVueBarcodefrom'vue-barcode';newVue({components:{'barcode':VueBarcode}})

2. Use it

<barcodevalue="value-to-render"format="barcode-format"...moreoptions>  Show this if the rendering fails.</barcode>

Example

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

<divid="app"><inputv-model="barcodeValue"/><br><barcodev-bind:value="barcodeValue">    Show this if the rendering fails.</barcode></div>

importVueBarcodefrom'vue-barcode';varapp=newVue({el:'#app',data:{barcodeValue:'test',},components:{'barcode':VueBarcode}})

Options

All options:

formatwidthheighttextfont-optionsfonttext-aligntext-positiontext-marginfont-sizebackgroundlineColormarginmargin-topmargin-bottommargin-leftmargin-rightdisplay-valueean128