首页 > 其他分享 >el-table更新数据页面闪烁问题

el-table更新数据页面闪烁问题

时间:2023-01-11 12:12:16浏览次数:39  
标签:el 滚动 渲染 table tableKey 闪烁 页面

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

 

 

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

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

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

 

标签:el,滚动,渲染,table,tableKey,闪烁,页面
From: https://www.cnblogs.com/junlinglife/p/17043348.html

相关文章