JsBarcode生成条形码

vue项目中生成条形码步骤如下：

安装插件

npm install jsbarcode --save

"jsbarcode": "^3.11.0"

引入jsbarcode 

import JsBarcode from 'jsbarcode'

<img ref="imgBar"/>

//mounted中 this.$nextTick后，为了在dom生成之后获取refs
xxx:显示在条形码下面的文字
mounted() {
    this.$nextTick(item => {
       JsBarcode(this.$refs[`imgBar`], 'xxx', {
           format: "CODE128",  //条形码的格式
           width:2, //线宽
           height:60,  //条码高度
           displayValue: false //是否显示文字信息
       })
    })
}

更多配置详见