Js中呼叫呼叫列印和自動生成條形碼
要做到這種效果，列印介面和使用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>