Не разрешайте выходить из экрана формы без сохранения

Question

как я могу выдать предупреждение пользователю, когда он хочет оставить форму с заполненным вводом без сохранения?

Я уже пытался реализовать что-то внутри до разрушения, но не могу прервать вывод

Можно ли прервать вывод на экран внутри:

router.beforeEach((to, from, next) => {

  if(!store.getters.getStatusEdit){
    next(false);
  }

})

Но это не сработало, потому что vuex, который работает внутри beforeDestroy, запускается после маршрута.

У кого-нибудь есть предложения?

Answer 1

внутри компонента, используя:

beforeRouteLeave (to, from, next) {

        if(this.dados.name){

            if(confirm('confirm?')){

                next()

            }else{ next(false) };

        }else{
            next()
        }
    },