fix(qrcode): qrcode not displayed properly

fixed: #1026
vbenjs · Aug 3, 2021 · 26f251e · 26f251e
1 parent 1214b7c
commit 26f251e
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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 };
     },