この記事では、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'}] } },
関連する推奨事項:
以上がvue.jsでバーコードを生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。