Keep-Alive-Multilevel-Routing-Cache-Problem in Vue

const Module = []
files.keys().forEach(key => {
    const filesObj = Dateien(Schlüssel).default || Dateien(Schlüssel)
    Objekt.Schlüssel(filesObj).fürJeden(SchlüsselEins => {
        module.push(filesObj[keyOne])
    })
})

export const menuList = module; // Für die Menüanzeige​
const routerList = formatTwoStageRoutes(formatFlatteningRoutes(modules)); // Die Routen in zweistufige Routen aufteilen​
const router = neuer VueRouter({
    scrollBehavior: () => ({ y: 0 }),
    Modus: "Verlauf",
    Basis: Prozess.Umgebung.BASE_URL,
    Routen: Routerliste, //Verwenden Sie die abgeflachten Routen in den Routing-Konfigurationselementen})

export const formatFlatteningRoutes = (routesList => {
  wenn (Routenliste.Länge <= 0) Routenliste zurückgeben;
  lass Liste = [];
  routesList.forEach(v => {
    wenn(v.Pfad === '/') {
      // Wird verwendet, um das anfängliche Layout und die Startseite hinzuzufügen. Andere Center-Konfigurationen filtern das Layout und die übergeordneten Knoten heraus und behalten nur die Routen in den untergeordneten Elementen list.push(v);
      Liste = Liste.concat(formatFlatteningRoutes(v.children))
    } sonst wenn (v.children && v.children.length > 0) {
      Liste = Liste.concat(formatFlatteningRoutes(v.children))
    } anders {
      Liste.push(v);
    }
  })
  Liste zurückgeben;
})
​
exportiere const formatTwoStageRoutes = Liste => {
  wenn (Listenlänge <= 0) Liste zurückgeben;
  const routerList = [];
  Liste.fürJeden(v => {
    wenn (v.Pfad === '/') {
      routerList.push({
        Komponente: v.Komponente,
        Name: v.name,
        Pfad: v.Pfad,
        Umleitung: v.redirect,
        meta: v.meta,
        Kinder: []
      })
    } sonst wenn (v.Pfad === '/login' || v.Pfad === '/showcasePage') {
      // Seiten, die keine Layoutkonfiguration erfordern routerList.push(v)
    } anders {
      routerList[0].children.push({ ...v })
    }
  })
  Routerliste zurückgeben;
}