el-table ie浏览器 卡顿

Posted midnight-visitor

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-table ie浏览器 卡顿相关的知识,希望对你有一定的参考价值。

突然解决了一个困扰我好多个日夜的问题,记录一下

问题描述:

项目采用Vue+ElementUI,因为要调用视频流,要兼容IE新版本浏览器,很多功能在谷歌调试的好好的,一打开IE,卧槽,无情!
这个bug就是这样,一个表格,数据量只要超过20条,出现滚动条,IE下就卡的不行不行的了,其他浏览器正常

解决方案:

1、升级elementUI到v2.8.0以上

2、避免使用show-overflow-tooltip

3、在el-table或父元素上设置z-index,或调高z-index (针对ie)(调高z-index,请注意页面弹出框等元素z-index值要比el-table的大,不然会被遮挡)

技术图片
随你怎么滚动鼠标滚轮,列表响应速度很流畅,速度不输Chrome



以上是关于el-table ie浏览器 卡顿的主要内容,如果未能解决你的问题,请参考以下文章

IE浏览器经常性崩溃是啥原因?

react项目在IE浏览器上遇到的兼容性问题

为啥用手机浏览器看不了百度地图一闪一闪

bug使用element-ui遇到在IE浏览器中点击enter会回到登录页

我们不再需要 Chrome?

QTP录制时如何设置打开IE以外的浏览器?