vue.js生成條形碼的方法

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

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

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