如题 最近这个问题困扰了我 测试提报的bug页面 返回方法我会单独去写跳转到上一个页面的 this.$router.push(path:*****)
但是随着项目的复杂度提高,页面越来越多,页面组件二级以上跳转也逐渐增多,很多页面返回并不是返回到某个页面而是返回到某个二级以上组件的某个状态,单纯的$router.push
已经无法满足要求 还需要携带部分参数 ,如果和消防员一样 哪里有问题去修改哪里的方法被动的去解决这个页面的返回是非常影响效率的。
为此,找出不跳转的原因才是关键。网上搜了很多 说什么的都有 什么方法都试过了 可行性都不高,偶然机会翻到很往后的一页 上面提到 router默认的hash模式和history模式 ,我仿佛觉得我找到了根本了。
在这大家需要去自行百度vue-router HTML5 关于hash和history的区别
话不多说 上解决方案:
APP.vue入口中
上这段代码:
<script>
export default {
mounted () {
// 检测浏览器路由改变页面不刷新问题,hash模式的工作原理是hashchange事件
window.addEventListener('hashchange', () => {
let currentPath = window.location.hash.slice(1)
if (this.$route.path !== currentPath) {
this.$router.push(currentPath)
}
}, false)
}
}
</script>
利用H5新增的事件:window.onhashchange
方法来解决这个问题
它的作用是当hash变化时就会触发这个事件
至此:问题解决。
另:我还有一事不明:我当前所做项目为管理端,用的是hash模式。 每次退出账号,重新登录时,这种情况就可以复现,但是第二次以上就不会出现这种情况了,这又是因为什么,这就是我开头说的有时候出现有时候不出现的问题,期待有大神路过,能够帮我茅塞顿开。