yak-barcode 条形码

一个适用于 vue3 的条形码生成器，利用 jabarcode

安装

npm i yak-barcode
#or
yarn add yak-barcode
#or
pnpm add yak-barcode

使用

import {createApp } from 'vue';
import App form './app.vue';

// import {Barcode} from 'yak-barcode'
// createApp(App).component('Barcode', Barcode).mount('#app')

import Barcode from 'yak-barcode'
createApp(App).use(Barcode).mount('#app')

Attrs

属性名	说明	类型	默认值
tag	条形码渲染的元素	String	canvas(svg)
type	条形码的类型	String	CODE128
text	条形码内容	string	null
options	其它配置	Object	{}

注意

type 相当于 options.format，但是如果 type 和 options.format 同时存在，type 的值的优先级最高；完整的配置

示例

使用 text 属性设置 条形码内容

<yak-barcode text="11234567890"></yak-barcode>
<yak-barcode text="11234567890" tag="svg"></yak-barcode>