fengyuanchen/vue-barcode

Stars
193
Rank 194,665 (Top 4 %)
Language
JavaScript
License
MIT License
Created about 7 years ago
Updated 9 months ago

fengyuanchen/vue-barcode

fengyuanchen

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Bar code component for Vue.js

vue-barcode

Bar code component for Vue 3, bases on JsBarcode. For Vue 2, check out the v1 branch.

Docs
Demo

Main npm package 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)
└── vue-barcode.d.ts       (TypeScript Declaration File)

Getting started

Installation

Using npm:

npm install vue@3 jsbarcode@3 @chenfengyuan/vue-barcode@2

Using pnpm:

pnpm add vue@3 jsbarcode@3 @chenfengyuan/vue-barcode@2

Using Yarn:

yarn add vue@3 jsbarcode@3 @chenfengyuan/vue-barcode@2

Using CDN:

<script src="https://unpkg.com/vue@3"></script><!-- Vue.js is required -->
<script src="https://unpkg.com/jsbarcode@3/dist/JsBarcode.all.min.js"></script><!-- JsBarcode is required -->
<script src="https://unpkg.com/@chenfengyuan/vue-barcode@2"></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>

Browser support

Same as Vue 3.

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT © Chen Fengyuan

cropperjs

JavaScript image cropper.

cropper

⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper

viewerjs

JavaScript image viewer.

compressorjs

JavaScript image compressor.

distpicker

⚠️ [Deprecated] No longer maintained. A simple jQuery plugin for picking provinces, cities and districts of China. (中国 / 省市区 / 三级联动 / 地址选择器)

datepicker

⚠️ [Deprecated] No longer maintained. A simple jQuery datepicker plugin.

vue-qrcode

QR code component for Vue.js

viewer

⚠️ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer

photo-editor

A simple photo editing application.

jquery-cropper

A jQuery plugin wrapper for Cropper.js.

vue-countdown

Countdown component for Vue.js.

jquery-viewer

A jQuery plugin wrapper for Viewer.js.

pickerjs

⚠️ [Deprecated] No longer maintained. JavaScript date time picker.

vue-carousel

Carousel component for Vue.js.

vue-number-input

Number input component for Vue.js.

vue-feather

Feather component for Vue.js.

simpleui

A simple UI framework for building simple web projects.

markdown-to-vue-loader

Markdown to Vue component loader for Webpack.

vue-countly

Countly plugin for Vue.js.

load-scripts

Dynamic scripts loading for modern browsers.

create-banner

Create a banner from a package.json file.

postcss-header

Add a header to a file.