本文主要和大家分享vue.js生成条形码的方法，主要以代码的形式和大家分享，希望能帮助到大家。
1.下载插件
npm install @xkeshi/vue-barcode //下载条形码插件
2.在main.js中引入插件
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'}] } },
相关推荐：
php生成code128条形码实例分享
php生成条形码实例
如何用php实现生成条形码图片
以上就是vue.js生成条形码的方法的详细内容。