Scroll -Verhaltensproblem mit Vue Router und Vite ⇐ JavaScript

[Anonymous]

Ich habe eine Front-End-Umgebung mit Vue.js, Vite und Vue-Router eingerichtet. Das erwartete Verhalten ist für die Navigation (nicht die Verwendung der Rückbutton), um immer oben auf der neuen Seite zu beginnen. Die hintere Schaltfläche Funktionalität, in der sie sich an die vorherige Bildlaufposition erinnert, funktioniert korrekt.

Code: Select all

const router = createRouter({
history: createWebHistory(),
routes: [
// My routes here
],
scrollBehavior(to, from, savedPosition) {
// This is the part that doesn't seem to have any effect.
// I want to always scroll to the top on new navigation.
if (savedPosition) {
return savedPosition;
} else {
return { top: 0 };
}
},
});

Ich habe auch die Dokumentation und andere Online -Ressourcen überprüft, aber ich kann nicht herausfinden, warum dies nicht funktioniert.