Как отменить переход?

Question

[Artem0071]

Есть компонент
В нем происходят какие то действия и человек не должен уйти не сохранившись

Во vue есть метод beforeDestroy().

Я делаю следующее:

export default {
      beforeDestroy(){
        alert('Going away')
      }
    }

Это работает отлично, но не понимаю как отменить переход.
Вернее ссылка меняется, но компонент еще не удалился.

То есть если человек кликает по ссылке или просто жмет "назад", то показывается этот алерт(и меняется ссылка в баре, но не сам компонент) и все (я знаю что ничего и не должно произойти из-за простого алерта, хочется узнать что нужно прописать чтобы переход продолжился)

Comments

[Evgeny Kulakov]

Не совсем понял, что нужно отменить переход или, наоборот, чтобы он продолжался. А вообще alert блокирующая операция, т.е. приостанавливает выполнение скрипта.

[Artem0071]

Evgeny Kulakov, нужно чтобы наоборот остался (ну вернее 2 варианта: продолжить переход или остаться)
алерт использовал просто чтобы увидеть момент когда срабатывает метод

[Evgeny Kulakov]

Artem0071, думаю, что этот хук не поможет. Если у вас vue роутер используется, то имеет смысл использовать хук beforeRouteLeave и в нем предотвращать переход если нужно.

[Artem0071]

Evgeny Kulakov, я думал об этом, но использовать его только ради одного элемента мне показалось каким то перебором

[Evgeny Kulakov]

Может тогда пытаться использовать нативные события типа window.beforeUnload. Еще посмотрите в сторону location.hash.