VUE—生成条形码

1、命令：

cnpm install JsBarcode --save

2、引入：

<script src="http://www.jq22.com/jquery/vue.min.js"></script>
<script src='js/JsBarcode.all.min.js'></script>

3、声明：

var JsBarcode = require('jsbarcode')

4、例子：

你好，世界
HTML：

<svg id="barcode"></svg>

使用Javascript：

JsBarcode("#barcode", "Hi world!");

结果：

示例与选项
HTML：

<svg id="barcode"></svg>

使用Javascript：

JsBarcode("#barcode", "1234", {
  format: "pharmacode",
  lineColor: "#0aa",
  width: 4,
  height: 40,
  displayValue: false
});

结果：

在HTML中声明选项
HTML：

<svg class="barcode"
  jsbarcode-format="upc"
  jsbarcode-value="123456789012"
  jsbarcode-textmargin="0"
  jsbarcode-fontoptions="bold">
</svg>

使用Javascript：

JsBarcode(".barcode").init();

结果：