We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The Vue Barcode (QR Code) generator component is a lightweight, high-performance component that displays industry-standard 1D and 2D barcodes in Vue applications. Generated barcodes are optimized for printing and on-screen scanning. The component is designed for ease of use and does not require fonts.


Customization

The Vue Barcode Generator is easily customizable. You can customize its color (dark or light), height, width, and more.

Customizable options


Label

The Vue Barcode Generator lets you display a barcode with or without text and provides alignment options.

Barcode input text


Barcode symbologies

The Syncfusion Vue Barcode Generator component supports a wide range of barcode symbologies.

Qrcode barcode

QR Code

Quick response codes (QR codes) are two-dimensional barcodes. They can efficiently store more information in a smaller space than 1D barcodes. Each barcode can store values up to 7,089 characters. They are mostly used for URLs, business cards, and contact information.

Datamatrix barcode

Data Matrix

A Data Matrix is a two-dimensional barcode. The information encoded should be text or numeric values. Each barcode can store values up to 2,335 alphanumeric characters. They are mostly used by couriers and the food industry.

Code39 barcode

Code 39

Code 39 is a common barcode type used for various labels such as on name badges, inventory, and in industrial applications. The symbology of the Code 39 character set consists of barcode symbols representing numbers 0-9, uppercase letters A-Z, and the space character.

Code39 Extended barcode

Code 39 Extended

The Code 39 Extended is an extended version of Code 39. Lower characters and special characters are supported.

Code11 barcode

Code 11

Code 11, also known as USD-8, is high numeric symbology. The character set includes the digits 0-9, the hyphen symbol ( - ), and start and stop characters. It is commonly used in telecommunications.

Codabar barcode

Codabar

Codabar is also known as USD-4 and Code 2 of 7. It can encode the digits 0-9, six symbols, and start and stop characters. It is even possible to print Codabar codes using typewriter-like impact printers, which allows the creation of many codes with consecutive numbers without having to use a computer.

Code32 barcode

Code 32

The Code 32 is also known as Italian Pharmacode. It has the following structure: the ‘A’ character that is not really encoded, eight digits for Pharmacode, and one digit for Checksum module 10 that is automatically calculated by Barcode Professional.

Code93 barcode

Code 93

Code 93 was designed to complement and improve Code 39. It is used to represent the full ASCII character set by using combinations of two characters. Code 93 can encode uppercase letters, numeric digits, and a handful of special characters.

Code93 Extended barcode

Code 93 Extended

Code 93 Extended is based on Code 93, but it can encode the full 128-character ASCII. The characters represented by Code 93 are represented in Code 93 Extended as single barcode characters, but all other characters are represented by a control character plus another character.

Code128 barcode

Code 128

Code 128 is a very high-density barcode that supports alphanumeric characters. This barcode is used as the basis for many other barcodes like UCC/EAN, HIBC (health industry barcode), and the blood bank industry.

UpcA barcode

UPC - A

The universal product code (UPC-A) is a numeric symbology used in retail. UPC-A symbols consist of 11 data digits and one check digit. The first digit is a number system digit that normally represents the type of product being identified.


Customizing the text

You can customize the alignment, position, and margins of the barcode and QR code text.


Other supported frameworks

The Barcode component is also available in Blazor, React, Angular, and JavaScript frameworks. Check out the different Barcode platforms from the links below,


Vue Barcode Code Example

Easily get started with the Vue Barcode using a few simple lines of Vue codes as demonstrated below. Also explore our Vue Barcode Example that shows you how to render and configure a Barcode in Vue.

<template>
<div id="app" class="barcodeStyle">
    <ejs-barcodegenerator
          id="barcode"
          ref="barcodeControl"
          :width="width"
          :height="height"
          :type="type"
          :value="value"
          :mode="mode"
        ></ejs-barcodegenerator>

</div>
</template>
<style>
.barcodeStyle 
            {
                height: 150px;
                width: 200px;
                padding-left: 40%;
                padding-top: 9%;
            }
</style>
<script>
import Vue from 'vue';
import { BarcodeGeneratorPlugin } from '@syncfusion/ej2-vue-barcode-generator';

Vue.use(BarcodeGeneratorPlugin);
export default {
name: 'app'
data () {
    return {
        width: "200px",
        height: "150px",
        type: "Codabar",
        value: "123456789",
        mode: "SVG",
    }
}
}
</script>



85+ VUE UI COMPONENTS

Frequently Asked Questions

  • Support for most common 1D and 2D barcodes.
  • Support for complete customization of a barcode to augment its appearance.
  • Ease of use and integration.
  • Support for a wide range of barcode symbologies.
  • Support for all modern browsers.
  • Extensive demos and documentation to let you get started quickly with the Vue Barcode Generator.

We do not sell the Vue Barcode separately. It is only available for purchase as part of the Syncfusion team license. This contains over 1,800 components and frameworks, including the Vue Barcode. The price of the team license starts at $395 per month for 5 developers, and includes support and updates until the subscription expires. In addition, we might offer discounts based on currently active promotions. Please contact our product specialists today to see if you qualify for any additional discounts.

You can find our Vue Barcode demo, which demonstrates how to render and configure the Barcode.

No, our 1,800+ components and frameworks for web, mobile, and desktop, including our Vue Barcode, are not sold individually. They are only available as part of a team license. However, we have competitively priced the product, so it only costs a little bit more than what some other vendors charge for their Barcode component alone. We have also found that, in our experience, our customers usually start off using one of our products and then expand to several products quickly, so we felt it was best to offer all 1,800+ components and frameworks for a subscription fee that starts at $395 per month for a team of 5 developers. Additionally, we might be able to offer discounts based on currently active promotions. Please contact our product specialists today to see if you qualify for any additional discounts.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon
Live Chat Icon For mobile