技術標籤：前端

生成條形碼樣式如圖所示↓

• 安裝jsbarcode依賴包

npm install jsbarcode --save

• 在需要生成條形碼頁面引入

import JsBarcode from 'jsbarcode'

• 在template中定義標籤

<template>
  <img id="barcode" />
</template>

• 呼叫並生成二維碼,可以寫在mounted中或者方法中

JsBarcode('#barcode', 'Hello World!!',{
  format: "CODE128",//選擇要使用的條形碼型別
  width:2,//設定條之間的寬度
  height:40,//高度
  displayValue:true,//是否在條形碼下方顯示文字
  textAlign:"center",  //文字所在位置,預設中間
  text:'Hello World!!',//覆蓋顯示的文字
  lineColor:"#000",//設定條和文字的顏色。
})