美文网首页
Vue路由——ie上地址栏输入路由页面不更新

Vue路由——ie上地址栏输入路由页面不更新

作者: 5df463a52098 | 来源:发表于2018-08-30 17:51 被阅读368次

情景:在ie11上从当前A页面(/a)跳转B页面(/b),在地址栏直接修改路由回车跳转B页面,发现页面还是A页面,但是地址栏地址已经是B页面地址。而且控制台并无报错。
解决方法:在App.vue中添加判断ie加手动修复:

mounted () {
            if (!!window.ActiveXObject || 'ActiveXObject' in window) {
                window.addEventListener('hashchange', () => {
                    let currentPath = window.location.hash.slice(1)
                    if (this.$route.path !== currentPath) {
                        this.$router.push(currentPath)
                    }
                }, false)
            }
        }

onhashchange事件ie8就已经支持了。

相关文章

  • Vue路由——ie上地址栏输入路由页面不更新

    情景:在ie11上从当前A页面(/a)跳转B页面(/b),在地址栏直接修改路由回车跳转B页面,发现页面还是A页面,...

  • Vue 路由跳转相同路径页面不刷新

    Vue 路由跳转相同路径页面不刷新 vue 同一路由跳转不走生命周期,导致数据不更新不管是动态路由,还是传参 都不...

  • 与Vue.js的第九天

    今天学习了路由 路由 路由 路由vue-router是vue的核心组件根据不同的url访问不同页面配合单页面使用 ...

  • 用手机修改无线路由器密码

    1. 打开浏览器,在地址栏输入路由器的管理页面的地址,我的路由器管理页面网址是192.168.1.1 2. 一般要...

  • vue面试题(第九天)

    1.Vue路由的实现原理 更新视图但不重新请求页面,是前端路由原理的核心之一 vue路由的实现有两种模式<1>ha...

  • 6 VUE路由

    vue-> SPA应用,单页面应用(引入vue-router.js) 路由嵌套(多层路由): 路由其他信息:

  • vue路由

    vue路由--- SPA应用,单页面应用vue-resouce 交互vue-router 路由根据不同url地址...

  • vue嵌套子路由,子路由跳转后,页面不刷新

    在路由表配置了子路由,点击可以发现地址栏产生了路由的跳转,但是页面不刷新是怎么回事呢?经过检查后发现了 !!!居然...

  • 第九天面试题

    Vue路由的实现原理 ❤ 更新视图但不重新请求页面,是前端路由原理的核心之一 1,利用URL中的hash("#")...

  • vue-router用法

    vue 路由 路由点击跳转不会页面刷新,可以保留数据 安装vue-router:npm install vue-r...

网友评论

      本文标题:Vue路由——ie上地址栏输入路由页面不更新

      本文链接:https://www.haomeiwen.com/subject/jfsdwftx.html