JsBarcode 生成条形码

1、安装命令：

cnpm install JsBarcode --save

2、引入or在vue-cli当中引入：

<script src="http://www.jq22.com/jquery/vue.min.js"></script>
<script src='js/JsBarcode.all.min.js'></script>
or
 var JsBarcode = require('jsbarcode')

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();

结果：

这里写图片描述

!!!!!主意当你不填写内容的时候是不会显示的 一定要有内容（value="123456789012"）