添加遮罩效果

src/App.vue

@@ -7,14 +7,20 @@ import { RouterView } from 'vue-router'
 import { ElLoading } from 'element-plus'
 import { watch } from 'vue';
 import { useViewerStore } from './stores/useViewerStore';
-const loadingInstanve = ElLoading.service({
+
+
+const loadingOption = {
   fullscreen: true,
   text: '正在加载配置相关资源中...'
-})
+}
+
+let loadingInstanve = ElLoading.service(loadingOption)
 
 watch(() => useViewerStore().getViewerLoadingCompleted(), (val) => {
-  if (val == true) {
+  if (val) {
     loadingInstanve.close()
+  } else {
+    loadingInstanve = ElLoading.service(loadingOption)
   }
 })
 </script>