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

Question

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

Answer 1

跳转其他路由：

beforeRouteLeave 中判断

关闭浏览器窗口：

编辑组件mounted的时候注册onbeforeunload事件

离开组件的时候销毁

cb 是你传入vue 的方法

注册：

window.onbeforeunload = function(cb)

{

     cb()

}

销毁：

window.onbeforeunload = function(){}