dialog 遮罩修改

src/components/Dialog/src/Dialog.vue

@@ -51,7 +51,7 @@ watch(
   }
 )
 
-const demo = ref()
+let demo = null
 watch(
   () => props.vLoading,
   async (val: boolean) => {
@@ -59,7 +59,7 @@ watch(
     if (val) {
       initDialog()
     } else {
-      demo.close()
+      if (demo !== null) demo.close()
     }
   },
   {
@@ -76,11 +76,7 @@ const dialogStyle = computed(() => {
 
 const initDialog = () => {
   // 用服务生成一个el-loading实例，包括了自定义svg的指令如何在服务中使用
-  demo.value = ElLoading.service({ target: '.loading', text: '加载中...', background: 'rgba(246, 246, 246, 0.8)' })
-  // setTimeout(() => {
-  //   // 延时执行关闭，对应dom清除，如要再使用loading，需重新生成新实例
-  //   demo.close()
-  // }, 5000)
+  demo = ElLoading.service({ target: '.loading', text: '加载中...', background: 'rgba(246, 246, 246, 0.8)' })
 }
 
 </script>