Etwas tun, vor dem laden oder in der Nähe vue.js

Habe ich eine Vue.JS Anwendung mit einem beforeDestroyMethode, die ich versuche zu verwenden, zu speichern, damit die Daten im lokalen Speicher, bevor die app geschlossen oder neu geladen wird. Nur für Referenz:

beforeDestroy: function() {
  localStorage.setItem('preference', this.preference);
  ...
}

Jedoch weder schließen, noch das Neuladen der app tatsächlich ruft diese Methode. Wie kann ich sicherstellen, dass diese Methode aufgerufen wird, bevor die app geschlossen wird?

InformationsquelleAutor Ben | 2015-12-23
  1. 8

    was ist es, das 'geschlossen' - oder 'lädt sich die app? ist es der Benutzer in der browser-das Fenster schließen und oder die Seite aktualisieren? Wenn das der Fall ist, ist nichts "zerstört" und die Funktion wird nicht ausgeführt. Sie müssten definieren onbeforeunload - Funktion Global:

    window.onbeforeunload = function(){
    return "Are you sure you want to close the window?";
}

    https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

    dann können Sie speichern Sie Artikel, um den lokalen Speicher innerhalb der Funktion vor dem return-Anweisung.

    Hinweis: nicht definieren, es in Ihrem beforeDestroy Funktion, weil sich mal wieder, dass einfach nicht ausgeführt, wenn Sie die Seite neu laden oder Weg zu navigieren.

    • Guter Punkt. Habe es bis jetzt funktioniert. Danke!
    InformationsquelleAutor SoluableNonagon
Schreibe einen Kommentar