首页 > 解决方案 > 使用 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放在每一行中,它可以很好地显示不同的值。

我究竟做错了什么?

标签: node.jsejsjsbarcode

解决方案


我意识到我的问题是id每个条形码都是相同的,这导致相同的条形码被多次显示。这个问题的解决方案是有一个独特的id,可以这样完成:

id="<%=obj.id%>"

推荐阅读