本文主要和大家分享vue.js生成条形码的方法,主要以代码的形式和大家分享,希望能帮助到大家。
1.下载插件npm install @xkeshi/vue-barcode //下载条形码插件
2.在main.js中引入插件import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件ue.component('barcode', VueBarcode); //声明条形码组件
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'}]
}
},
相关推荐: