Как предотвратить прокрутку Vuejs вверх страницы при нажатии кнопки возврата браузера

Question

Похоже, что Vuejs автоматически прокручивается до верхней части страницы, когда вы нажимаете кнопку «Назад», что странно, потому что по умолчанию окно даже не прокручивается до самого верха при изменении маршрута в SPA или переходе на новую страницу,Вам нужно явно установить scrollBehaviour для прокрутки к вершине.Итак, как мы можем предотвратить автоматическую прокрутку страницы при нажатии кнопки «назад».

beforeRouteLeave (to, from, next) {
    alert('Are you sure you want to leave this page and lose unsaved changes')
    // Notice how the page automatically scrolls to the top here even if the user were to response 'No' in a dialog situation
}

Вот код ручки проблемы https://codepen.io/anon/pen/bOGqVP

Answer 1

Кнопка прокрутки браузера назад вверх определяется браузером.По-видимому, мы можем отключить это поведение, добавив эту строку кода

window.history.scrollRestoration = "manual"

Добавление этого кода скажет браузеру, что мы обрабатываем прокрутку.Я проверяю это только в вашем коде.Нужно проверить в другом браузере