Vue implementiert die Seiten-Caching-Funktion

importiere Vue von „vue“;
Router von „vue-router“ importieren;

// Redundante Navigation zum aktuellen Standort vermeiden const originalPush = Router.prototype.push
Router.prototype.push = Funktion Push(Standort) {
   gebe originalPush.call(diesen, Standort).catch(err => err) zurück
}

Vue.use(Router);
exportiere standardmäßig einen neuen Router({
  Basis: '',
  Routen: [{
      Weg: "/",
      Name: "Index",
      Komponente: () => import("@/layout"),
      Umleitung: '/login',
      Kinder: [
        {
          Pfad: 'dutySheet',
          Name: 'Arbeitsblatt',
          Komponente: () => import("@/pages/Dashboard/DutySheet")
        },
        {
          Pfad: 'Suchwort',
          Name: 'Suchwort',
          Komponente: () => import("@/pages/dailyReportManage/searchWord/index"),
          Meta: {
            keepAlive: true // Die Seite muss zwischengespeichert werden}
        },
        // Passende Wartung {
          Pfad: "Truppenaktion",
          Name: "Truppenaktion",
          Komponente: () => import("@/pages/Dashboard/TroopAction"),
          Meta: {
            keepAlive: false // Kein Cache erforderlich}
     },
      ]
    },
  ]
});

<am Leben erhalten>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</am Leben erhalten>
<router-view v-if="!$route.meta.keepAlive"></router-view>

// zurückgeben bacKBnt(){
        dies.$router.back()
      },

vorRouteAbfahren(nach, von, weiter) {
      if (to.name == 'exhibitionWord' || to.name == 'exhibitionWeekWord') { // Zu zwischenspeichernder Routenname
          von.meta.keepAlive = true
          nächste()
        }anders{
          from.meta.keepAlive = false
          nächste()
      }
    },