vue如何提示保存后退出

假设有这样一个需求，用户在一个页面内编辑文字，但是并未点击保存并且跳转到了下一个路由。比较好的做法应该是给出一个提示—“您编辑的内容还未保存，是否确认退出？”用户如果点击“确定”，那么不保存当前内容直接退出，用户如果点击“取消”，则取消本次路由跳转，继续留在原来的页面。

我当时第一时间想到的也是vue的生命周期钩子函数 beforeDestory,折腾了好久还是不行 在这个钩子函数里用了return false.

后来百度之后 看到以下这篇文章,得以快速解决。

原文出自 http://blog.csdn.net/u014374031/article/details/78754148 非常感谢