不允许在不保存的情况下退出表单屏幕

Question

当用户想要离开填写了输入但不保存的表单时，我如何向用户发出警报？

我已经尝试在 beforeDestroy 中实现一些东西，但我无法中止输出

我可以中止内部的屏幕输出吗：

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

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

})

但是没有成功，因为在beforeDestroy里面运行的vuex在路由之后运行。

有人有什么建议吗？

Answer 1

内部组件使用：

beforeRouteLeave (to, from, next) {

        if(this.dados.name){

            if(confirm('confirm?')){

                next()

            }else{ next(false) };

        }else{
            next()
        }
    },

不允许在不保存的情况下退出表单屏幕

Do not allow exiting the form screen without saving

vue.js

vue-router