✨ feat: 二维码信息变更

klp-ui/src/views/wms/print/components/QRCode.vue

@@ -0,0 +1,40 @@
+<template>
+  <canvas ref="qrcode"></canvas>
+</template>
+
+<script>
+import QRCode from 'qrcode';
+
+export default {
+  name: 'QRCode',
+  props: {
+    content: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: Number,
+      default: 90
+    }
+  },  
+  data() {
+    return {
+      qrcode: null
+    }
+  },
+  mounted() {
+    this.generateQRCode();
+  },
+  methods: {
+    generateQRCode() {
+      const el = this.$refs.qrcode;
+      const content = this.content;
+      QRCode.toCanvas(el, content, {
+        width: this.size,
+        height: this.size,
+        margin: 0
+      });
+    }
+  }
+}
+</script>