支持平台
- 支持H5、微信小程序、支付宝小程序、APP等
说明
组件对jsBarcode.js进行二次封装，使其能够在uni-app中运行。
支持生成的条码格式
-
CODE128
- CODE128
- CODE128 A/B/C
-
EAN
- EAN-13
- EAN-8
- EAN-5
- EAN-2
- UPC (A)
- UPC (E)
- CODE39
-
ITF
- ITF
- ITF-14
-
MSI
- MSI10
- MSI11
- MSI1010
- MSI1110
- Pharmacode
- Codabar
开始使用
git clone https://github.com
使用方法
在 script 中引入组件
import tkiBarcode from "@/components/ls-barcode/ls-barcode.vue"
export default {
components: {lsBarcode}
}
在 template 中使用
<view>
<ls-barcode cid="EAN8" :loadGenerate="true" :options="options" :autoGenerate="true" format="EAN8" value="29012343" width="300" height="200"/>
</view>
属性
| 属性名 | 类型 | 默认值 | 可选值 | 说明 |
|---|---|---|---|---|
| cid | String | ls-barcode-canvas | canvasId，页面存在多个条形码组件时需设置不同的ID | |
| unit | String | upx | px | 单位 |
| format | String | code128 | 条形码类型（参照jsBarcode） | |
| value | String | FB19A1650-100S | 要生成的内容 | |
| options | JSON | 参照jsBarcode | ||
| autoGenerate | Boolean | false | 监听value值变化自动重新生成条形码 | |
| loadGenerate | Boolean | true | 组件初始化完成后自动生成条形码，value需要有值 | |
| width | Number | 0 | 宽度（默认0时为canvas画布生成的条码实际宽度） | |
| height | Number | 0 | 条码高度（默认0时为canvas画布生成的条码实际高度） |
方法
| 方法名 | 说明 |
|---|---|
| generateCode() | 生成条形码 |
| clearCode() | 清空生成条形码时生成的图片数据（imagedata） |
| saveCode() | 保存条形码到图库 |
小程序查看
gh_4adc37cd5625_258.jpg
