lindell / Vue Barcode
Licence: mit
Barcode generator for Vue.js
Stars: ✭ 164
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Barcode
Vue Toastr
Vuejs Toast : Plugin and Component Capability.
Stars: ✭ 93 (-43.29%)
Mutual labels: vuejs2, vue2
Express Vue
Vue rendering engine for Express.js. Use .Vue files as templates using streams
Stars: ✭ 1,226 (+647.56%)
Mutual labels: vuejs2, vue2
Vuex Simple Structure
📈 A repository showcasing a simple Vuex store inside a Vue.js application based on Large-scale Vuex application structures @3yourmind
Stars: ✭ 87 (-46.95%)
Mutual labels: vuejs2, vue2
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (-28.66%)
Mutual labels: vuejs2, vue2
Vue Builder Webpack Plugin
Webpack plugin to build vue files automatically
Stars: ✭ 70 (-57.32%)
Mutual labels: vuejs2, vue2
Vuex Namespaced Module Structure
📈 A Vue.js project powered by Vuex namespaced modules in a simple structure based on Large-scale Vuex application structures
Stars: ✭ 146 (-10.98%)
Mutual labels: vuejs2, vue2
Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+7260.98%)
Mutual labels: vuejs2, vue2
Vue Particles
Vue.js component for particles backgrounds ✨
Stars: ✭ 1,220 (+643.9%)
Mutual labels: vuejs2, vue2
Vuetify Todo Pwa
✔️ A simple Todo PWA built with Vue CLI 3 + Vuex + Vuetify.
Stars: ✭ 160 (-2.44%)
Mutual labels: vuejs2, vue2
Aspnetcore Vue Starter
*NEW* Asp.net Core & Vue.js (ES6) SPA Starter kit - Vuex, webpack, Web API, Docker, and more! By @TrilonIO
Stars: ✭ 1,182 (+620.73%)
Mutual labels: vuejs2, vue2
Docker Nuxt
Docker image to run NUXT.js application in production mode
Stars: ✭ 71 (-56.71%)
Mutual labels: vuejs2, vue2
Vue Clipboard2
A simple vue2 binding to clipboard.js
Stars: ✭ 1,617 (+885.98%)
Mutual labels: vuejs2, vue2
Electron Vue Webpack
A minimal Electron + Vue 2 + Webpack 2 setup for quick development.
Stars: ✭ 70 (-57.32%)
Mutual labels: vuejs2, vue2
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
<barcode value="value-to-render" format="barcode-format" ...more options>
Show this if the rendering fails.
</barcode>
Example
Simple example with input binding. Try it out with this JsFiddle!
<div id="app">
<input v-model="barcodeValue" /><br>
<barcode v-bind:value="barcodeValue">
Show this if the rendering fails.
</barcode>
</div>
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].