优化壁纸分类组件数据获取逻辑

components/kl-wallpaper-category/index.vue

@@ -84,7 +84,7 @@
   })
 
   /** 版本 */
-  const { data: editionsList } = useAsyncData(`editionsList-${props.type}-${Date.now()}`, async () => {
+  const { data: editionsList } = useAsyncData(`editionsList-${props.type}}`, async () => {
     const res = await parent({ type: 2, parentId: 0 })
     const all = [{ id: '-1', name: '全部' }]
     return [...all, ...res.data]
@@ -92,7 +92,7 @@
 
   // 获取面包屑
   const { data: breadList } = await useAsyncData(
-    `breadList-${props.type}-${props.id}-${query.value.projectType}-${Date.now()}`,
+    `breadList-${props.type}-${props.id}-${query.value.projectType}}`,
     async () => {
       const res = await getDictTree({ type: 1, id: query.value.projectType })
       const all = [
@@ -104,14 +104,9 @@
       ]
       const arr = [...res.data, ...all]
       return arr.reverse()
-    },
-    {
-      immediate: true,
     }
   )
   
-  console.log('breadList', breadList);
-  
   // const projectTypeList = ref<any>([])
   /** 获取分类下拉框 */
   // const getParent = (type?: string) => {
@@ -140,7 +135,7 @@
   // }
   // getEditionsList()
 
-  console.log('breadList.value.length----', breadList.value?.length);
+  console.log('breadList.value.length----', breadList.value);
 
   // 服务端渲染兼容方案：顺序执行异步操作
   // 1. 先获取面包屑数据（已在上面通过useAsyncData获取）
@@ -161,6 +156,9 @@
       }
     }
 
+    console.log('parentId', parentId);
+    
+    
     try {
       // 获取分类数据
       const res = await parent({ type: 1, parentId: parentId })
@@ -174,7 +172,7 @@
   
   // 使用useAsyncData获取分类列表，确保服务端渲染兼容性
   const { data: projectTypeList } = await useAsyncData(
-    `projectType-draw-${props.type}-${query.value.projectType}-${Date.now()}`,
+    `projectType-draw-${props.type}-${query.value.projectType}}`,
     getProjectTypeList,
     { server: true } // 确保在服务端执行
   )