So generieren Sie einen Barcode mit vue.js

Dieser Artikel teilt Ihnen hauptsächlich die Methode zum Generieren von Barcodes mit vue.js mit, hauptsächlich in Form von Code. Ich hoffe, er kann Ihnen helfen.

1. Laden Sie das Plug-in herunter

npm install @xkeshi/vue-barcode //下载条形码插件

2. Führen Sie das Plug-in in main.js ein

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  :&#39;top&#39;, //条形码数据显示的位置
        background: &#39;#fff&#39;, //条形码背景颜色
        valid: function (valid) {
          console.log(valid)
        },
        width:&#39;1px&#39;,
        height: &#39;55px&#39;,
        fontSize: &#39;22px&#39; //字体大小
    },
      list:[{barcodes:&#39;A01-01-01&#39;},{barcodes:&#39;A01-01-01&#39;}]
    }
  },

Verwandte Empfehlungen:

Teilen von Beispielen für die PHP-Generierung von Code128-Barcodes

PHP-Generierung von Barcodes-Beispielen

So verwenden Sie PHP zur Generierung von Barcode-Bildern

Das obige ist der detaillierte Inhalt vonSo generieren Sie einen Barcode mit vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!