Vue H5安卓的返回键解决方案
使用Vue和H5做安卓手机端时候,安卓的实体返回键会返回上一个路由页面,导致页面出现各种问题。
一、路由跳转页面改写
在组件中,有需要跳转页面,并且不让用户返回的情况,例如:支付、登录、注销等。请做一下修改:
1、this.$router.push()全部改写为this.$router.replace()
2、<router-link to="/">全部改写为<router-link to="/" replace>
因为this. r o u t e r . p u s h 会 在 w i n d o w . h i s t r o y 中 保 留 浏 览 器 的 历 史 记 录 。 这 样 返 回 键 会 返 回 上 一 个 路 由 , 而 t h i s . router.push会在window.histroy中保留浏览器的历史记录。 这样返回键会返回上一个路由,而this. router.push会在window.histroy中保留浏览器的历史记录。这样返回键会返回上一个路由,而this.router.replace不会在history中保留。