Projektanforderungen: Ich habe auch viele ähnliche Artikel im Internet gefunden, aber es gibt einige Probleme bei der Verwendung. Schließlich muss es Ihren eigenen Anforderungen entsprechen. Ich verwende hier vue3, aber theoretisch kann auch vue2 verwendet werden. Die von mir beschriebene Methode ist universell. Diese Methoden werden alle basierend auf 1. beforeunload-Ereignis1.1, Tutorial für Anfänger: 1.2. MDN 2. Ereignis entladen2.1 、 Tutorial für Anfänger 2.2. MDN
Der von mir verwendete Quellcode ist unten aufgeführt. 3. Quellcode3.1. Methode 1: Kann in HTML-Seite geschrieben werden (direkte Verwendung) var _beforeUnload_time = 0, _gap_time = 0; window.onunload = Funktion (){ _gap_time = neues Date().getTime() - _beforeUnload_time; if(_gap_time <= 10) {//Browser schließen window.mgr.signoutRedirect();//Dieser Manager ist die Abmeldemethode, die ich im Fenster angezeigt habe}else{//Browser aktualisieren – Chrome aktualisieren console.log(document.domain); return confirm("Möchten Sie dieses System wirklich verlassen?"); } }; window.onbeforeunload = Funktion (){ _beforeUnload_time = neues Date().getTime(); }; 3.2. Methode 2: Kann in Komponenten wie Daten() { zurückkehren { Lückenzeit: 0, vorEntladezeit: 0, }; }, Methoden: { //Vor dem Schließen des Fensters ausführen beforeunloadHandler() { this.beforeUnload_time = neues Date().getTime(); }, entladenHandler() { this.gap_time = neues Date().getTime() - this.beforeUnload_time; // Beurteilen Sie, ob das Fenster in Millisekunden geschlossen oder aktualisiert wird. Die meisten Online-Messwerte sind 5 wenn (diese.Lückenzeit <= 10) { mgr.signoutRedirect(); // Die Abmeldeschnittstelle sollte durch eine persönliche Abmeldemethode ersetzt werden} else { Konsole.log(Dokument.Domäne); return confirm("Möchten Sie dieses System wirklich verlassen?"); } }, }, unmounted() {//vue kann durch den Lebenszyklus von destroy() ersetzt werden, aber dies kann auch verwendet werden // Entfernen Sie den Listener window.removeEventListener("beforeunload", () => this.beforeunloadHandler()); window.removeEventListener("entladen", () => this.unloadHandler()); }, montiert() { // Auf das Schließen des Browsers warten window.addEventListener("beforeunload", () => this.beforeunloadHandler()); window.addEventListener("entladen", () => this.unloadHandler()); }, Referenzartikel: Dies ist das Ende dieses Artikels über die Implementierung des Schließens des Browsers und des Abmeldens in Vue. Weitere relevante Vue-Inhalte zum Schließen des Browsers und zum Abmelden finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
>>: Analyse des Prinzips und der Funktion der MySQL-Datenbank-Master-Slave-Replikation
Laufumgebung, Idea2020-Version, Tomcat10, beim Au...
Vorwort var ist eine Möglichkeit, Variablen in ES...
In diesem Artikelbeispiel wird der spezifische Co...
Enctype: Gibt den Kodierungstyp an, der vom Browse...
JPQL steht für Java Persistence Query Language. B...
Dieser Artikel dient lediglich der Erinnerung an ...
Ich habe vor kurzem Porter gelernt. Ich habe das ...
Inhaltsverzeichnis 1. Installieren Sie html2Canva...
Vorwort Linux verfügt nicht über einen prominente...
Als Softwareentwickler müssen Sie über ein vollst...
In Kombination mit dem Szenario in diesem Artikel...
Inhaltsverzeichnis 1 Mount-Verzeichnisse und Date...
Wie gut kennen Sie sich mit HTML aus? Wenn Sie jet...
Vorwort Nachdem dieser Blogbeitrag veröffentlicht...
In diesem Artikelbeispiel wird der spezifische Co...