本文主要和大家分享vue.js生成条形码的方法，主要以代码的形式和大家分享，希望能帮助到大家。
1.下载插件
npm install @xkeshi/vue-barcode //下载条形码插件
2.在main.js中引入插件
import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件ue.component('barcode', VueBarcode); //声明条形码组件//注意，要答应的内容不能出现汉字，否则显示不出来，可以有空格特殊字符等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'}] } },
相关推荐：
网趣网上购物系统HTML静态版
下载
网趣购物系统静态版支持网站一键静态生成，采用动态进度条模式生成静态，生成过程更加清晰明确，商品管理上增加淘宝数据包导入功能，与淘宝数据同步更新!采用领先的AJAX+XML相融技术，速度更快更高效！系统进行了大量的实用性更新，如优化核心算法、增加商品图片批量上传、谷歌地图浏览插入等，静态版独特的生成算法技术使静态生成过程可随意掌控，从而可以大大减轻服务器的负担，结合多种强大的SEO优化方式于一体，使
立即学习“前端免费学习笔记（深入）”；
