From 26f251e1ed5bfd79c8615fb552ca302f917cc588 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Tue, 3 Aug 2021 20:55:40 +0800
Subject: [PATCH] fix(qrcode): qrcode not displayed properly

fixed: #1026
---
 src/components/Qrcode/src/Qrcode.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index 3c5c2763..a8df59f1 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -4,7 +4,7 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent, watch, PropType, ref, unref } from 'vue';
+  import { defineComponent, watch, PropType, ref, unref, onMounted } from 'vue';
   import { toCanvas, QRCodeRenderersOptions, LogoType } from './qrcodePlus';
   import { toDataURL } from 'qrcode';
   import { downloadByUrl } from '/@/utils/file/download';
@@ -93,16 +93,18 @@
         });
       }
 
+      onMounted(createQrcode);
+
       // 监听参数变化重新生成二维码
       watch(
         props,
         () => {
-          createQrcode()
+          createQrcode();
         },
         {
           deep: true,
         }
-      )
+      );
 
       return { wrapRef, download };
     },
-- 
GitLab