条形码生成 2022-06-16

package.json

@@ -58,6 +58,7 @@
     "screenfull": "4.2.0",
     "sortablejs": "1.8.4",
     "vue": "^2.6.14",
+    "vue-barcode": "^1.3.0",
     "vue-count-to": "^1.0.13",
     "vue-cropper": "0.4.9",
     "vue-echarts": "^5.0.0-beta.0",

src/views/components/QrCodeDemo.vue

 <template>
-  <qrcode-vue :value="value" :size="size" level="H"/>
+  <div>
+    <qrcode-vue :value="value" :size="size" level="H"/>
+    <input v-model="barcodeValue" /><br>
+    <barcode :value="barcodeValue" :format="barcodeFormat"/>
+  </div>
 </template>
 <script>
 import QrcodeVue from 'qrcode.vue'
-
+import VueBarcode from 'vue-barcode'
 export default {
+  components: {
+    QrcodeVue,
+    'barcode': VueBarcode
+  },
   data() {
     return {
       value: 'https://www.baidu.com',
-      size: 300
+      size: 300,
+      barcodeValue: 'test',
+      barcodeFormat: ''
     }
-  },
-  components: {
-    QrcodeVue
   }
 }
 </script>