修改组件中store的调用方式

src/views/IndexView.vue

@@ -13,7 +13,7 @@
           @click="
             isActive(item.query.identification)
               ? ''
-              : (useStatusStore().appLoadingCompleted = false)
+              : (statusStore.appLoadingCompleted = false)
           "
           v-for="(item, index) in topNavMap"
           :key="index"
@@ -39,6 +39,8 @@
 
   // 获取钩子函数
   const { topNavMap, isActive } = useIndex();
+
+  const statusStore = useStatusStore();
 </script>
 
 <style scoped>

src/views/home/earthquake/EarthquakeView.vue

@@ -31,8 +31,8 @@
     <!-- 左侧按钮组件 -->
     <LeftButtonComponent
       v-if="
-        useStatusStore().appLoadingCompleted &&
+        statusStore.appLoadingCompleted &&
-        useStatusStore().uiComponents.leftButton.loading
+        statusStore.uiComponents.leftButton.loading
       "
       :button-list="leftButtonInfo"
     />
@@ -40,8 +40,8 @@
     <!-- 右侧按钮组件 -->
     <RightButtonComponent
       v-if="
-        useStatusStore().appLoadingCompleted &&
+        statusStore.appLoadingCompleted &&
-        useStatusStore().uiComponents.rightButton.loading
+        statusStore.uiComponents.rightButton.loading
       "
       :button-list="rightButtonInfo"
     />
@@ -83,6 +83,8 @@
     changeCurrentPage,
   } = useEarthquakeDisasterChain();
 
+  const statusStore = useStatusStore();
+
   // 监听条件变化
   watch(
     conditions,

src/views/home/rainstorm/RainstormView.vue

@@ -9,8 +9,8 @@
     <!-- 灾害链影响列表组件 -->
     <DisasterChainPointComponent
       v-if="
-        useStatusStore().appLoadingCompleted &&
+        statusStore.appLoadingCompleted &&
-        useStatusStore().uiComponents.disasterChainPointShow.loading
+        statusStore.uiComponents.disasterChainPointShow.loading
       "
       :select-options="selectOptions"
       :table-data-list="tableDatas"
@@ -23,8 +23,8 @@
     <!-- 左侧按钮组件 -->
     <LeftButtonComponent
       v-if="
-        useStatusStore().appLoadingCompleted &&
+        statusStore.appLoadingCompleted &&
-        useStatusStore().uiComponents.leftButton.loading
+        statusStore.uiComponents.leftButton.loading
       "
       :button-list="leftButtonInfo"
     />
@@ -32,16 +32,16 @@
     <!-- 左侧图例组件 -->
     <LeftLegendComponent
       v-if="
-        useStatusStore().appLoadingCompleted &&
+        statusStore.appLoadingCompleted &&
-        useStatusStore().uiComponents.leftLegend.loading
+        statusStore.uiComponents.leftLegend.loading
       "
     />
 
     <!-- 右侧按钮组件 -->
     <RightButtonComponent
       v-if="
-        useStatusStore().appLoadingCompleted &&
+        statusStore.appLoadingCompleted &&
-        useStatusStore().uiComponents.rightButton.loading
+        statusStore.uiComponents.rightButton.loading
       "
       :button-list="rightButtonInfo"
     />
@@ -88,6 +88,8 @@
     changeConditions,
     changeCurrentPage,
   } = useRainDisasterChain();
+
+  const statusStore = useStatusStore();
 </script>
 
 <style scoped></style>