Bar code component for Vue.js

by Vue.js Examples

vue-barcode

Bar code component for Vue 3, bases on JsBarcode.

View Demo View Github

Main files

dist/
├── vue-barcode.js         (UMD, default)
├── vue-barcode.min.js     (UMD, compressed)
├── vue-barcode.esm.js     (ECMAScript Module)
└── vue-barcode.esm.min.js (ECMAScript Module, compressed)

Getting started

Installation

npm install vue jsbarcode @chenfengyuan/vue-barcode

In browser:

<script src="/path/to/vue.js"></script><!-- Vue.js is required -->
<script src="/path/to/JsBarcode.all.js"></script><!-- JsBarcode is required -->
<script src="/path/to/vue-barcode.js"></script>

Usage

import Vue from 'vue';
import VueBarcode from '@chenfengyuan/vue-barcode';

const app = Vue.createApp({});

app.component(VueBarcode.name, VueBarcode);

<vue-barcode  value="Hello, World!" :options="{ displayValue: false }"></vue-barcode>

Browser support

Same as Vue 3.

GitHub