vue生成code128条码

VUE生成code128条码

1、先下载插件

npm i jsbarcode

2、生成条码

<template><div style="width: 66%;margin: 12px auto 0"><!-- 这里的标签用img和svg都可以，个人觉着svg更清晰一点 --><svg class="tiaoMa"></svg></div><template/>

<script>
import JsBarcode from 'jsbarcode' // 在需要生成条码的页面引入插件
export default {data() {return {}},mounted() {this.createdTiaoMa() // 要在mounted中调用此方法},methods: {createdTiaoMa() {let barcode = document.getElementsByClassName('tiaoMa')JsBarcode(barcode, 'hello world', {// 生成条形码 注:this.$refs.barcode或者"#barcode"format: "CODE128",// 选择要使用的条形码类型width: 1,// 设置条之间的宽度height: 25,//高度displayValue: true,// 是否在条形码下方显示文字text: "要显示的文字",// 覆盖显示的文本fontOptions: "bold italic",//使文字加粗体或变斜体font: "PingFangSC-Medium, PingFang SC",// 设置文本的字体textAlign: "center",// 设置文本的水平对齐方式textPosition: "bottom",// 设置文本的垂直位置textMargin: 5,// 设置条形码和文本之间的间距fontSize: 13,// 设置文本的大小background: "transparent",// 设置条形码的背景lineColor: "#000000",// 设置条和文本的颜色。margin: 0, // 条码距四周的边距});}}
}
<script/>

vue生成code128条码相关推荐

vb/java/c# 生成code128 条码/QR Code二维码导出excel
java/c#生成条形码/二维码图片,导出excel 会用到POI/NPOI,BarcodeLib.ZXing插件. code128 如果不使用插件,也可使用下面vb/c#代码生成含有校验的条码文本, ...
Excel 生成Code128条码
新建一个Excel然后另存为启用宏的Excel工作簿(后缀为.xlsm),如果保存时候提示 "文档检查器"警告,需要在Excel选项的信任中心设置,去掉 "文档特性设 ...
excel怎么设置一个按钮就一点就生成一个表_条码生成软件如何批量生成DPD条码...
之前有介绍过关于DPD条码的编码方式,校验算法,制作方法等等信息,今天主要给大家介绍一下如何用条码生成软件批量生成DPD条码.以Excel表为例,批量导入Excel表数据批量生成DPD条码. 1.数据 ...
C#生成Code128条形码
C生成Code128条形码 Code128码简介 C程序的编写 1添加Code128码类 2在Cfrom窗体中生成按钮Click事件结论 C#生成Code128条形码 Code128码简介 Code ...
如何随机生成Code128码
条形码对于大家来说都不陌生,生活中随处可见,比如产品包装上,快递单上等等.条形码的种类有很多种,使用范围各不相同.其中比较常见的一种条形码Code128,可以被应用于各行各业.而且Code128条形码 ...
php+条形码在线怎么生成,php实现生成code128条形码的方法详解
本文实例讲述了php实现生成code128条形码的方法.分享给大家供大家参考,具体如下: 效果图: class BarCode128 { const STARTA = 103; const START ...
Vue：利用Vue生成的网页，在浏览器中的标签页中的图标与标题怎么修改为自己的？
Vue:利用Vue生成的网页,在浏览器中的标签页中的图标与标题怎么修改为自己的? 在解决这个问题的时候,在网上搜到了许多答案,可以说是众说纷纭,作者结合了多个答案,最后解决了这个问题,下面把用到的资源 ...
html5 js保存token,vue生成token并保存到本地存储中
这篇文章主要为大家详细介绍了vue生成token并保存到本地存储中,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 首先回顾一下token: to ...
vue生成静态js文件_如何立即使用Vue.js生成静态网站
vue生成静态js文件 by Ondřej Polesný 通过OndřejPolesný 如何立即使用Vue.js生成静态网站 (How to generate a static website w ...

vue生成code128条码

VUE生成code128条码

1、先下载插件

2、生成条码

vue生成code128条码相关推荐

最新文章

热门文章