React、Vue在IE的兼容问题

本文主要探讨了Vue在IE10中无法获取父元素的问题,提出了使用原生DOM方法解决。同时,提到了Vue的`router-link`在IE中的兼容性问题,提供了两种解决方案。在Excel表单导出异常和React中`remove()`方法不兼容的场景下,分别给出了采用原生Ajax和利用父节点的`removeChild()`方法的应对策略。对于flex布局在IE中子元素宽度无效及隐藏滚动条的问题,也给出了对应的解决办法。文章总结了遇到的IE兼容性问题,并欢迎读者分享更多解决方案。
摘要由CSDN通过智能技术生成

Vue在IE10中无法获取父元素

Vue在IE10中无法获取父元素

原始

let parent = this.$el.parentElement

解决

这玩意还能咋解决 用原生呗 class、id都行

let parent = document.getElementsByClassName(‘top-chart’)[0]

router-link在IE中没有作用

原始

解决

方案1
由于URL的hashChange浏览器没有响应 故我们加个判断

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)
}
复制代码

如果还没有解决 换到方案二

方案2
如果浏览器直接没有触发到hashChange 那么我们手动调用history的API

<div @click="handleLink" />
handleLink () {
 this.$router.push({name:'a'})
}
复制代码

Excel表单导出异常</

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值