超市购物时,收银员所扫的就是条形码,每个条形码对应一个sku,只要商品的所有参数都相同,则sku是一致的。
生成条形码方式
- 安装js插件
npm install jsbarcode
- 在需要生成条形码的页面进行导入
<template>
<svg class="barcode"
jsbarcode-format="auto"
jsbarcode-value='12345556'
jsbarcode-textmargin="0"
jsbarcode-fontoptions="bold"
></svg>
</template>
<script>
import JsBarcode from 'jsbarcode'
export default {
mounted() {
this.jsBarcodeInit()
},
updated() {
this.jsBarcodeInit()
},
methods: {
jsBarcodeInit() {
JsBarcode('.barcode').init()
}
}
}
</script>
更多内容请点击jsbarcode