最新要闻

广告

手机

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案

家电

世界滚动:el-table更新数据页面闪烁问题

来源:博客园


(资料图片仅供参考)

情况是这样,渲染了一个table,高度是固定的。所以会有滚动。其中的某一列的数据只显示了部分内容,鼠标浮上加载全部,用el-popover浮框显示。

但每次改变tableKey会触发整个table的重新渲染,所以table会滚动到最上面位置。

第一次解决办法是每次改变tableKey之前记录滚动位置,然后table渲染完之后重新设置滚动位置。造成的问题是:闪烁。

最终解决办法:tableKey不绑定在整个table上,而是设置到要改变的那一列数据,如下:

关键词: 更新数据 是固定的