vue开发的h5项目内嵌原生，手势返回问题_vue组件嵌入原生h5

作者：凡人多烦事01 | 2024-02-16 22:34:33

踩

vue组件嵌入原生h5

记录一下问题
描述：vue开发的h5项目内嵌原生，在部分安卓机型上出现了手势返回和物理键返回出现了一次返回多个路由的场景，例如从A -> B -> C，在C页面手势返回直接回到A页面；但是B页面事件也触发了，相当于连续触发了两次路由回退事件，原生无法排查出问题的情况下，前端自己处理

处理方案：可以在全局路由守卫beforeEach中进行拦截，具体方案为将进入当前路由的时间存储下来，下个路由进入时间与当前进入时间差小于某个值将阻止跳转

在这里插入图片描述
setLastTimeParse就是设置lastTimeParse的值为当前时间戳，800毫秒对用户没啥影响，不建议设置过大

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】