Js中调用调用打印和自动生成条形码

本文介绍如何通过HTML页面结合特定JS库实现条形码自动生成及打印功能。使用code128标准创建条形码,并借助jQuery插件完成打印区域的定制与显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

要做到这种效果,打印界面和使用code128自动生成条形码



首先在html页面中引入打印和条形码的js

<script src="jquery.PrintArea.js"></script>

<script src="jquery-barcode.js"></script>

在js中写弹出打印界面和生成条形码的代码

onPrint() {
    var self = this;
    var count = false;
$(".barcode").each(function() {
$(this).barcode(this.id, "code128", {
barWidth: 2,
barHeight: 40,
fontSize: 8
});
count = true;

});

                $("div#printArea").attr("style", "display:block");
$("div#printArea").printArea();

$("div#printArea").attr("style", "display:none");

}


我这里使用element循环生成条形码,所以在html中写的是

<template v-for="(material,index) in materials">
<tr>
<td colspan="1" align="center">{{code}}</td>
<td colspan="1" align="center">{{name}}</td>
<td colspan="1" align="center">
<div style="float: right;">
<div class="barcode" :id="code"></div>
</div>
</td>
</tr>
</template>


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值