解决表格数据量大时ie浏览器卡顿

勇敢牛牛，冲冲冲

于 2025-01-01 10:32:05 发布

阅读量302

点赞数 3

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_44613011/article/details/144863447

版权

1.将表格项中的“show-overflow-tooltip”去掉
2.将表格的层级调高

el-table{
 flex-basis:auto;
 z-index:999 !important
}

3.尽量将页面逻辑放在js里写，不要在标签上写逻辑
4.将标签中的style改为class去定义
5.尽量不使用el-xx标签，如将el-link文字链接标签改为可替代的如

<span class='jump-sty'></span>
.jump-sty{
 cursor:pointer;
 text-decoration:none;
}
.jump-sty:hover{
  text-decoration:underline;
}

6.如表格项中定义了插槽，就不写prop属性

<el-table-column label="xxx">
  <template slot-scope="scope">
    <span>xxx</span>
  </template>
</el-table-column>