vue-cli中编辑组件中要跳转其他路由或者关浏览器提示未保存，和判断表单是否更改提交

Question

vue-cli中编辑组件中要跳转其他路由或者关浏览器弹窗提示未保存，和判断表单是否更改提交应该怎么做呢

Answer 1

跳转其他路由：
beforeRouteLeave 中判断
关闭浏览器窗口：
编辑组件mounted的时候注册onbeforeunload事件
离开组件的时候销毁
cb 是你传入vue 的方法

注册：
window.onbeforeunload = function(cb)
{
     cb()
}
销毁：
window.onbeforeunload = function(){}

Answer 2

在路由跳转之前作判断可以使用beforeEach