⚡ 优化缓存策略.

orion-visor-ui/src/components/user/role/selector/index.vue

@@ -17,7 +17,7 @@
 
 <script lang="ts" setup>
   import type { SelectOptionData } from '@arco-design/web-vue';
-  import { computed, onBeforeMount, ref } from 'vue';
+  import { computed, onActivated, onMounted, ref } from 'vue';
   import { useCacheStore } from '@/store';
   import { RoleStatus } from '@/views/user/role/types/const';
   import { labelFilter } from '@/types/form';
@@ -54,7 +54,7 @@
   const optionData = ref<Array<SelectOptionData>>([]);
 
   // 初始化选项
-  onBeforeMount(async () => {
+  const initOptions = async () => {
     setLoading(true);
     try {
       const roles = await cacheStore.loadRoles();
@@ -69,7 +69,11 @@
     } finally {
       setLoading(false);
     }
-  });
+  };
+
+  // 初始化选项
+  onMounted(initOptions);
+  onActivated(initOptions);
 
 </script>
 

orion-visor-ui/src/components/user/user/selector/index.vue

@@ -17,7 +17,7 @@
 
 <script lang="ts" setup>
   import type { SelectOptionData } from '@arco-design/web-vue';
-  import { computed, ref, onMounted } from 'vue';
+  import { computed, ref, onMounted, onActivated } from 'vue';
   import { useCacheStore } from '@/store';
   import { labelFilter } from '@/types/form';
   import useLoading from '@/hooks/loading';
@@ -53,7 +53,7 @@
   const optionData = ref<Array<SelectOptionData>>([]);
 
   // 初始化选项
-  onMounted(async () => {
+  const initOptions = async () => {
     setLoading(true);
     try {
       // 加载用户列表
@@ -68,7 +68,11 @@
     } finally {
       setLoading(false);
     }
-  });
+  };
+
+  // 初始化选项
+  onMounted(initOptions);
+  onActivated(initOptions);
 
 </script>