elementUI table组件渲染问题

elementUI table组件渲染问题

1、问题:

elementUI table组件渲染问题_第1张图片

问题描述:页面内,使用选项卡,进行内容显示的切换。切换后,原本高度合适的表格出现白边,以及滚动条

检查Dom会发现,el-table组件内,发现了一个类名为 is-scrolling-none 的固定行内样式的高度的div,导致高度显示错误:

<div class="el-table__body-wrapper is-scrolling-none" style="height: 510px;">	
    ------
div>

搜索后发现,

在keep-alive页面缓存的页面中,切换其他页面,再切回已打开页面时,也会出现这种,table组件底部出现白边以及滚动条的问题

同样切换表格的数据源时,也会出现这种问题

2、思路:

官方文档里说明:

你可能感兴趣的:(js,element-ui,js,vue,elementui)