node.js - 使用 JSBarcode 创建条形码表
问题描述
我正在尝试使用节点、引导程序和 ejs 创建一个唯一条形码表。这是我的.ejs
文件的内容:
<head>
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.4/dist/JsBarcode.all.min.js"</script>
</head>
<body>
<table>
<thead>
<tr>
<th scope="col">Employee</th>
</tr>
</thead>
<tbody>
<% employeeObj.forEach(function(obj) { %>
<tr>
<td><%= obj.id %><svg id="barcode"></svg><script>var employee = '<%= obj.id %>'; JsBarcode("#barcode", employee);</script></td>
</tr>
<% }); %>
</tbody>
</table>
</body>
</html>
由于某种原因,在表格的每一行中都生成了条形码,但每个条形码都是完全相同的值。我尝试将字符串值obj.id
放在每一行中,它可以很好地显示不同的值。
我究竟做错了什么?
解决方案
我意识到我的问题是id
每个条形码都是相同的,这导致相同的条形码被多次显示。这个问题的解决方案是有一个独特的id
,可以这样完成:
id="<%=obj.id%>"
推荐阅读
- bluetooth - 我可以使用蓝牙 4.0 设备知道蓝牙 5.1 信标的位置吗?
- graphql - 在 GraphQL 中,您可以更改别名中的输出结构吗?
- docker - 如何在 docker-compose 中使用 docker 容器选项
- reactjs - 蚂蚁设计
创建表单的静态数组 - ios - 终止应用程序后将图像保存在 NSCache 中
- angular - Ng2 Smart Table 设置过滤器列表中的选定项
- tensorflow - 如何使用 Keras 获取 val_loss 和 val_acc 指标
- javascript - 运行进度条,每个循环的时间间隔都在变化
- javascript - 通过 SVG 元素上的 onclick 函数重定向到其他 HTML
- android - Android 通过 CallScreeningService 阻止的呼叫有时会响铃