vue 生成条形码

飞跃沙漠的猪

已于 2022-12-07 14:59:42 修改

阅读量945

点赞数

文章标签： vue.js javascript 前端

于 2022-12-07 14:53:44 首次发布

本文链接：https://blog.youkuaiyun.com/baidu_32523613/article/details/128220279

版权

1、注入依赖

npm install jsbarcode --save

2、页面引入插件

import JsBarcode from 'jsbarcode'

3、页面调用

<img id="code">

3、调用创建方法

let num = '123456789';
JsBarcode("#code",num,{
    format:"CODE128",//条形码的格式
    width:1,//线宽
    height: 20,//条码高度
    lineColor:"#000",//线条颜色
    displayValue:false,//是否显示文字
    margin:2//设置条形码周围的空白区域
})