下载:
npm i jsbarcode
实现:
<template>
<div>
<img id="barcode" />
</div>
</template>
<script>
import JsBarcode from 'jsbarcode'
mounted() {
this.renderBarcode()
},
methods: {
renderBarcode() {
this.$nextTick(() => {
JsBarcode('#barcode', this.info.str, {
format: 'EAN13', // 条码类型
lineColor: '#000', // 线条颜色
width: 2, // 间隔宽度
height: 80, // 图片高度
margin: 5,
fontSize: 36, // 字体大小
displayValue: true, // 是否显示条码下方的数字
})
})
},
}
</script>
样例:
image.png