Преглед на файлове

feat: 去除路由缓存

lvkun996 преди 3 години
родител
ревизия
dceba0ac2f
променени са 4 файла, в които са добавени 9 реда и са изтрити 14 реда
  1. 0 1
      src/layout/components/Sidebar/Icon.tsx
  2. 0 1
      src/layout/components/Sidebar/SidebarItem.vue
  3. 2 5
      src/layout/components/Sidebar/index.vue
  4. 7 7
      src/store/router.ts

+ 0 - 1
src/layout/components/Sidebar/Icon.tsx

@@ -4,7 +4,6 @@
 import Icon, * as Icons from '@ant-design/icons-vue'
 
 export default ({ name }: {name: string}) => {
-  console.log(name)
   const _iconComponent = name ? Icons[name as keyof typeof Icons] : <></>
 
   return _iconComponent ? <Icon component={_iconComponent} /> : null

+ 0 - 1
src/layout/components/Sidebar/SidebarItem.vue

@@ -30,7 +30,6 @@
 import path from 'path-browserify'
 import { reactive, toRefs } from 'vue'
 import { useRouter } from 'vue-router'
-import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined } from '@ant-design/icons-vue'
 import Icon from './Icon'
 
 const RootRouter = useRouter()

+ 2 - 5
src/layout/components/Sidebar/index.vue

@@ -34,18 +34,15 @@ import SidebarItem from './SidebarItem.vue'
 import { useRouter, useRoute } from 'vue-router'
 
 const appRouter = useAppRouter()
-const router = useRouter()
 const route = useRoute()
 
-console.log('appRouter.router.sider.openKeys:', appRouter.router.sider.openKeys)
-
 const collapsed = ref<boolean>(false)
 
 const selectedKeys2 = ref<string[]>([])
-// const selectedKeys2 = ref<string[]>(['/dashboard'])
 const openKeys = ref<string[]>(appRouter.router.sider!.openKeys)
 
-console.log(selectedKeys2, openKeys)
+// 如果是产品类型这种 需要找到父节点 设置openKeys
+// 刷新后也需要打开openKeys
 
 onMounted(() => {
   selectedKeys2.value = [route.path]

+ 7 - 7
src/store/router.ts

@@ -29,11 +29,11 @@ const initAppRouterState: ROUTER.RouterRecords = {
   }
 }
 export const useAppRouter = defineStore(ConstantStore.ROUTER, () => {
-  let appRouter = reactive<ROUTER.RouterRecords>(initAppRouterState)
+  const appRouter = reactive<ROUTER.RouterRecords>(initAppRouterState)
 
-  const [appRouterState, setAppRouterState] = useLocalStorageState<ROUTER.RouterRecords>(AppRouterEnum.ROUTER, {
-    defaultValue: initAppRouterState
-  })
+  // const [appRouterState, setAppRouterState] = useLocalStorageState<ROUTER.RouterRecords>(AppRouterEnum.ROUTER, {
+  //   defaultValue: initAppRouterState
+  // })
 
   console.log(RootRouter)
 
@@ -51,7 +51,7 @@ export const useAppRouter = defineStore(ConstantStore.ROUTER, () => {
 
     appRouter.sider.route = siderRoutes.value!
 
-    setAppRouterState(appRouter)
+    // setAppRouterState(appRouter)
   }
 
   const changeNavbar = (path: string) => {
@@ -69,12 +69,12 @@ export const useAppRouter = defineStore(ConstantStore.ROUTER, () => {
         selectPath: RootRouter.currentRoute.value.path,
         openKeys: RootRouter.currentRoute.value.matched.map(item => item.path)
       }
-      setAppRouterState(appRouter)
+      // setAppRouterState(appRouter)
       emitter.emit(Emitter.NAVBAR)
     }
   )
 
-  appRouter = appRouterState.value as ROUTER.RouterRecords
+  // appRouter = appRouterState.value as ROUTER.RouterRecords
 
   if (appRouter.navbar.route.length === 0) {
     initAppRouter()