【element-ui】router-link在IE11下不跳转

Z时代
2024-01-10
分类：技术分享

router-link路由跳转，在chrome和Edge都能正常跳转下一个页面,IE下点击没有任何反应。
图片描述

回答：

这里面讨论的内容跟你说的一样，在IE11上无法用router-link跳转，主要是当url的hash change的时候浏览器没有做出相应。里面主要是做了一个兼容。

if (
  '-ms-scroll-limit' in document.documentElement.style && 
  '-ms-ime-align' in document.documentElement.style
) { // detect it's IE11
  window.addEventListener("hashchange", function(event) {
    var currentPath = window.location.hash.slice(1);
    if (store.state.route.path !== currentPath) {
      router.push(currentPath)
    }
  }, false)}

这个兼容就是当检测到浏览器为IE的时候，手动给url加一个hashchange事件。