vue.js生成條形碼的方法

npm install @xkeshi/vue-barcode //下載條形碼插件

import VueBarcode from '@xkeshi/vue-barcode'; //導入條形碼插件ue.component('barcode', VueBarcode); //聲明條形碼組件

<p class="printOrder" v-for="(v,k) in list">
 <barcode :value="v.barcodes" :options="barcode_option" tag="svg" ></barcode>
</p>//注意，要答應的內容不能出現漢字，否則顯示不出來，可以有空格特殊字符等data(){ return{
 barcode_option:{
 displayValue: true, //是否默認顯示條形碼數據
 //textPosition :'top', //條形碼數據顯示的位置
 background: '#fff', //條形碼背景顏色
 valid: function (valid) {
 console.log(valid)
 },
 width:'1px',
 height: '55px',
 fontSize: '22px' //字體大小
 },
 list:[{barcodes:'A01-01-01'},{barcodes:'A01-01-01'}]
 }
 },