!63 关闭动态路由tab页签时不清理组件缓存 * 动态路由页面关闭时不清理组件缓存，避免清理已打开的多个路由页面缓存

NickLuo

2023-12-13 58d7e50de3432a4772ec0749661ec1f51c9c6086

!63 关闭动态路由tab页签时不清理组件缓存
* 动态路由页面关闭时不清理组件缓存，避免清理已打开的多个路由页面缓存

 src/store/modules/tagsView.ts

@@ -1,4 +1,4 @@
import { TagView } from 'vue-router';
import { TagView, RouteRecordNormalized } from 'vue-router';

export const useTagsViewStore = defineStore('tagsView', () => {
  const visitedViews = ref<TagView[]>([]);
@@ -35,7 +35,9 @@
  const delView = (view: TagView): Promise<{ visitedViews: TagView[]; cachedViews: string[] }> => {
    return new Promise((resolve) => {
      delVisitedView(view);
      delCachedView(view);
      if (!isDynamicRoute(view)) {
        delCachedView(view);
      }
      resolve({
        visitedViews: [...visitedViews.value],
        cachedViews: [...cachedViews.value]
@@ -177,6 +179,11 @@
    }
  };

  const isDynamicRoute = (view: any): boolean => {
    // 检查匹配的路由记录中是否有动态段
    return view.matched.some((m: RouteRecordNormalized) => m.path.includes(':'));
  };

  return {
    visitedViews,
    cachedViews,