@syncfusion/ej2-vue-barcode-generator v25.2.4
Vue Barcode Generator Component
The Vue Barcode (QR Code) Generator Component is a light-weight and high-performance control that displays industry-standard 1D and 2D barcodes in Angular applications. Generated barcodes are optimized for printing and on-screen scanning. It is designed for ease of use and does not require fonts.
Setup
Create an Vue Application
You can use Vue CLI
to setup your Vue 2 applications.To install Vue CLI use the following commands.
npm install -g @vue/cli
vue create quickstart
cd quickstart
npm run serve
Initiating a new project prompts us to choose the type of project to be used for the current application. Select the option Default ([Vue 2] babel, eslint)
from the menu.
Adding Syncfusion Barcode package
All Syncfusion Vue packages are published in npmjs.com registry. To install Vue barcode package, use the following command.
npm install @syncfusion/ej2-vue-barcode-generator --save
Registering Barcode Component
You can register the Barcode component in your application by using the Vue.use(). Refer to the code example given below.
import { BarcodeGeneratorPlugin } from '@syncfusion/ej2-vue-barcode-generator';
Vue.use(BarcodeGeneratorPlugin);
Registering BarcodeGeneratorPlugin in vue, will register the barcode component along with its required child directives globally.
Add Barcode Component
Add the Vue Barcode by using ejs-barcodegenerator selector in template section of the App.vue file.
<template>
<div id="app">
<ejs-barcodegenerator
id="barcode"
:width="width"
:height="height"
:type="type"
:value="value"
:mode="mode"
></ejs-barcodegenerator>
</div>
</template>
<script>
import Vue from "vue";
import { BarcodeGeneratorPlugin } from "@syncfusion/ej2-vue-barcode-generator";
Vue.use(BarcodeGeneratorPlugin);
export default {
data() {
return {
width: "200px",
height: "150px",
mode: "SVG",
type: "Ean8",
value: "11223344",
};
},
}
</script>
Supported frameworks
Barcode component is also offered in the following list of frameworks.
JavaScript | Angular | Vue | ASP.NET Core | ASP.NET MVC |
---|
Showcase samples
Key features
- Barcode Symbologies - Supports a wide range of barcode symbologies, including: QR Code Data Matrix Code 39 Code 39 Extended Codabar Code 32 Code 93 Code 128 Code 128A Code 128B Code 128C EAN-8 EAN-13 UPC-A * UPC-E
- Text Customization - Allows you to customize the text displayed.
- Exporting - Barcode can be exported as .png or .jpeg fromat image and can also be exported as base64 string.
Support
Product support is available through the following mediums.
- Support ticket - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
- Community forum
- GitHub issues
- Request feature or report bug
- Live chat
Changelog
Check the changelog here. Get minor improvements and bug fixes every week to stay up to date with frequent updates.
License and copyright
This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. To acquire a license for 80+ Vue UI components, you can purchase or start a free 30-day trial.
A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
See LICENSE FILE for more info.
© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
3 days ago
9 days ago
17 days ago
24 days ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
5 months ago
6 months ago
6 months ago
7 months ago
10 months ago
8 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago