elementUI table组件渲染问题
1、问题:
![请添加图片描述](https://img-blog.csdnimg.cn/896d0559b3ff491394e3b85a25e5dcd0.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N4bGxSTkdOQg==,size_16,color_FFFFFF,t_70)
问题描述:页面内,使用选项卡,进行内容显示的切换。切换后,原本高度合适的表格出现白边,以及滚动条
检查Dom会发现,el-table组件内,发现了一个类名为 is-scrolling-none 的固定行内样式的高度的div,导致高度显示错误:
<div class="el-table__body-wrapper is-scrolling-none" style="height: 510px;">
------
</div>
搜索后发现,
在keep-alive页面缓存的页面中,切换其他页面,再切回已打开页面时,也会出现这种,table组件底部出现白边以及滚动条的问题
同样切换表格的数据源时,也会出现这种问题
2、思路:
官方文档里说明: