Comment générer un code-barres avec vue.js

Cet article partage principalement avec vous la méthode de génération de codes-barres avec vue.js. Il est principalement partagé avec vous sous forme de code. J'espère qu'il pourra vous aider.

1. Téléchargez le plug-in

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

2. Introduisez le plug-in dans 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  :&#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;}]
    }
  },

Recommandations associées :

Partage d'exemples de codes-barres PHP générant du code 128

Exemples de codes-barres générant PHP

Comment utiliser PHP pour générer des images de codes-barres

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!