So leeren Sie den Cache nach der Verwendung von Keep-Alive in Vue

<am Leben erhalten>
    <component /> //Ihre Komponente</keep-alive>

vorRouteVerlassen:Funktion(nach, von, weiter){
    // Keep-Alive-Löschung beim Verlassen der Route hinzufügen
    wenn (von && von.meta.rank && bis.meta.rank && von.meta.rank == bis.meta.rank)
    {//Die Entscheidung hier ist, ob Sie zur vorherigen Ebene zurückkehren. Sie können die Entscheidungslogik hier entsprechend Ihrem eigenen Geschäft ändern und entscheiden, ob der Cache dieser Ebene zerstört werden soll.
        wenn (dieser.$vnode und dieser.$vnode.data.keepAlive)
        {
            wenn (dies.$vnode.parent && dies.$vnode.parent.componentInstance && dies.$vnode.parent.componentInstance.cache)
            {
                wenn (this.$vnode.componentOptions)
                {
                    var Schlüssel = this.$vnode.key == null
                                ? dies.$vnode.componentOptions.Ctor.cid + (dies.$vnode.componentOptions.tag ? `::${this.$vnode.componentOptions.tag}` : '')
                                : dies.$vnode.key;
                    var cache = this.$vnode.parent.componentInstance.cache;
                    var Schlüssel = this.$vnode.parent.componentInstance.keys;
                    if (Cache[Schlüssel])
                    {
                        if (Schlüssel.Länge) {
                            var index = keys.indexOf(Schlüssel);
                            wenn (Index > -1) {
                                Schlüssel.splice(Index, 1);
                            }
                        }
                        Cache[Schlüssel] löschen;
                    }
                }
            }
        }
        dies.$destroy();
    }
    nächste();
},

{
    //Pfad der Kontoliste: '/account',
    Name: "Konto",
    Komponente: () => import('../views/account/index.vue'),
    Meta: {Titel: „Kontenliste“, Rang: 1,5}
  },
  {
    //Kontopfad hinzufügen: '/accountadd',
    Name: 'accountadd',
    Komponente: () => import('../views/account/add.vue'),
    Meta: {Titel: „Konto hinzufügen“, Rang: 2,5}
  },
  {
    // Kontopfad bearbeiten: '/accountedit/:id',
    Name: 'accountedit',
    Komponente: () => import('../views/account/add.vue'),
    Meta: {Titel: „Konto bearbeiten“, Rang: 2,5}
  },
  {
    // Rollenlistenpfad: '/role',
    Name: "Rolle",
    Komponente: () => import('../views/role/index.vue'),
    Meta: {Titel: „Rollenliste“, Rang: 1,5}
  },