vue-router 在ie内核下页面不跳转

在360兼容模式下vue-router跳转失效，路由地址变了，但是页面的内容没有改变，但是之前的项目却没有这个问题

后面查资料发现原因：因为当url的hash change的时候，浏览器没有做出相应改变，所以需要一个兼容方案：

function checkIE(){
return '-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style
}
if (checkIE()) {
window.addEventListener('hashchange', () => {
var currentPath = window.location.hash.slice(1);
if (this.$route.path !== currentPath) {
this.$router.push(currentPath)
}
}, false)
}

将这段代码粘贴到app.vue的mounted中可以解决该问题

vue-router 在ie内核下页面不跳转相关推荐

Vue+Vue Router+Webpack打包网站基础页面
Vue+Vue Router+Webpack打包网站基础页面 1.目录结构 2.package.json所需依赖包 {"name": "vue_router_webpac ...
this.$router.push() 和 router-link在IE11下页面不跳转
最近发现一个兼容问题 vue-router 的this.$router 和 router-link方法在IE 下不管用,页面不能跳转(又是万恶的IE),最后百度找到了一个决绝兼容的方法记录一下! &l ...
vue router 原生html,Vue router 使用 History 模式导致页面请求 404
vue-router 默认 hash 模式 -- 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载. 如果不想要很丑的 hash,我们可以用路由的 his ...
Vue+Vue Router+Vuex页面演示
Vue+Vue Router+Vuex简单页面演示 1.目录结构(使用vue-cli创建) 2.编写代码 src/router/index.js import Vue from "vue&q ...
vue+router 404页面制作
文章目录效果一.创建404界面二.设置router 1.在router中添加 2.main.js中挂载router 效果当访问不存在的页面时则会跳转至404页面一.创建404界面创建err ...
vue——router更改路由地址，但是页面不能跳转
在做电商项目时,筛选标签时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新. 如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求. 则此时要做的就是:更改路由地址,但是页面不能 ...
vue router怎么设置每个页面标题
router.jsconst router = new Router({mode: 'history',base: process.env.BASE_URL,routes: [{path: '/hom ...
vue router 入门笔记
vue router 入门笔记 tips: components优先级大于component,即当一个route对象里同时配置了component和components时component视为无效即 ...
Vue.js 从 Vue Router 0.7.x 迁移
从 Vue Router 0.7.x 迁移只有 Vue Router 2 是与 Vue 2 相互兼容的,所以如果你更新了 Vue ,你也需要更新 Vue Router .这也是我们在主文档中将迁移路 ...

vue-router 在ie内核下页面不跳转

vue-router 在ie内核下页面不跳转相关推荐

最新文章

热门文章