如何高效解决el-table渲染卡顿的最优策略？

本文共计570个文字，预计阅读时间需要3分钟。

1. 如下图中，需要绑定两个id，第一个id是需浮动元素，添加上scroll事件监听滚动条变化，第二个id是其子元素。

2.给eagleMapContainer设置overflow属性和滚动条样式，CSS参考如下：

css.eagleMapContainer { overflow-y: auto; /* 设置垂直滚动 */ overflow-x: hidden; /* 隐藏水平滚动条 */ scrollbar-width: thin; /* 设置滚动条宽度 */ scrollbar-color: blue lightgray; /* 设置滚动条颜色 */}/* 自定义滚动条样式 */.eagleMapContainer::-webkit-scrollbar { width: 8px;}

.eagleMapContainer::-webkit-scrollbar-track { background: lightgray;}

.eagleMapContainer::-webkit-scrollbar-thumb { background-color: blue; border-radius: 10px;}

1.如下图，需要绑定两个id，第一个id是需要浮动的元素，加上scroll方法监听滑块变化，第二个id是其子元素。