Das Problem, dass beforeRouteLeave nicht ausgelöst werden kann, wenn der Browser bei Verwendung von Vue zurückgeht

In diesem Artikel wird hauptsächlich die Lösung für das Problem vorgestellt, das der Vue-Browser beim Sichern nicht vor RouteLeave auslösen kann. Freunde in Not können sich auf das

Phänomen

Beim Laden der ersten Komponente (mit der ersten ist hier die erste im Browserverlauf gemeint, später als abzuhörende Komponente bezeichnet) kann beforeRouteLeave durch normales Springen zu anderen Seiten ausgelöst werden. Dieses Ereignis kann jedoch nicht abgehört werden, wenn die Zurück-Taste des Browsers gedrückt wird.

Lösung

Derzeit wird eine grobe und unpraktische Lösung angenommen. Fügen Sie eine Komponentenschicht hinzu und dann router.push auf die zu überwachende Komponente, sodass die zu überwachende Komponente nicht die erste Komponente ist und das beforeRouteLeave-Ereignis normal abhören kann.

Hinweis:

Aufgrund einer Störung der ursprünglichen Streckenführung. Sie müssen die globale Routenüberwachung in main.js hinzufügen

router.beforeEach((to, from, next) => {
 if (to is '用于跳转的组件' && from is '待监听组件') {
  router.go(-1) 
  next(false)
 } else {
  next()
 }
 // 这样当从一个普通页面A进入待监听组件时，在待监听组件中按返回键时能正常进入A
})

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Tricks im Zusammenhang mit JavaScript

Dynamisch importierte Dateien im Webpack implementieren

So implementieren Sie einen kreisförmigen Fortschrittsbalken im WeChat-Miniprogramm

So verwenden Sie das Iconfont-Schriftsymbol im Webpack

im Webpack So verpacken Sie das angegebene Paket JS-Dateien separat

Datumsauswahlkomponente im mobilen Vue-Terminal implementieren

Knoten verwenden, um integriertes Debugging zu implementieren

Webpack-gepackte Dateien reagieren (ausführliches Tutorial)

6 Arten von regulären Ausdrücken in JavaScript (ausführliches Tutorial)

Anleitung Füllen Sie den Standard-Avatar in Javascript aus

Verwenden Sie Webpack, um das Problem übermäßig großer bundle.js-Dateien zu lösen

Verwenden Sie node.js Implementieren Sie die automatische Funktion zum Greifen roter Umschläge auf Douyin

So konfigurieren Sie die Babel-Konfigurationsdatei in vue-cli

So verwenden Sie das Babel-Installations- und Konfigurations-Tutorial

Das obige ist der detaillierte Inhalt vonDas Problem, dass beforeRouteLeave nicht ausgelöst werden kann, wenn der Browser bei Verwendung von Vue zurückgeht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!