在Vue项目中使用MintUI的MessageBox时，遇到点击物理返回键或浏览器返回导致页面返回不正确的问题。文章介绍了如何通过在Vuex中设置全局变量并结合`router.beforeEach`来禁止物理返回键控制路由跳转，从而解决在弹窗出现时无法正确返回上一页的状况。同时指出了代码逻辑可能存在不足，但提供了当前解决方案作为临时应对措施。
在vue项目中用到mintUI的MessageBox弹窗，不点击取消或者确定键，之后多次在手机（运用android手机上的物理返回键）上进行页面的回退时（或者通过浏览器回退时），返回的页面并不是上一页的页面（详情页面）（点击一次返回按钮时，显示的页面正确）
具体说明：
点击确定键时执行后退一步的操作，用手机的物理返回键进行返回，可以返回到上一页面（详情页面），但是不点击确定键的话弹窗本身依然显示，这次单次点击后应返回页面的详情页路由，如下图所示：
这次单次点击后应返回页面的详情页路由（不正确），如下图所示：
解决这个问题在弹窗出现时禁止使用物理返回键控制路由的跳转
具体实现：
在vuex内定义一个全局的变量来控制这个路由是否可以返回：
vuex中存放：
const s
最低0.47元/天 解锁文章
6115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
