Home Javascript Bar Code Component-Based On JsBarcode for Vue.js

Bar Code Component-Based On JsBarcode for Vue.js

Javascript webcodeflow · April 23, 2023 · Comments off

Vue Barcode component is used to create customizable barcodes using the JsBarcode library.

Must Read: Lightweight HTML Editor and BBCode WYSIWYG | SCEditor

How to make use of it:

Install & Download:

npm install [email protected] jsbarcode @chenfengyuan/[email protected]

<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 { createApp } from 'vue';
import VueBarcode from '@chenfengyuan/vue-barcode';

const app = createApp({});

app.component(VueBarcode.name, VueBarcode);

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

Props

Must Read: Animated Stacked Bars Percentage Indicator jQuery Plugin | StackBars

Name	Type	Default	Options	Description
value	`string`	–	–	The value of the bar code.
options	`Object`	–	Checkout the available options	The options for the bar code generator.
tag	`string`	`"canvas"`	canvas, img, svg	The tag of the bar code.