我有一个UnsavedChangesModal作为组件，当用户在输入字段中有未保存的更改(我在页面中有三个输入字段)时试图离开页面时需要启动该组件。components:{UnsavedChangesModal},mounted(){window.onbeforeunload='';},methods:{alertChanges(){}} 最佳答案 假设您使用的是vue-router(你可能应该这样做)，然后你会想要使用beforeRouteLeave守卫。Thedocumentation甚至给出了这种确切情况的例子:beforeR

最近在项目中需要使用路由守卫，来判断路由返回到指定的页面，在子组件使用的过程怎么样都无法生效。路由组件指的就是在routes.js文件里面用到的组件，子组件和普通组件都不路由组件，所以才路由守卫钩子函数才不会生效。参考：https://www.cnblogs.com/baifangzi/p/14481820.html