一、
组件：el-table
问题：使用动态数据创建多级表头后，刷新页面时，table行会串行，某些列丢失，图片列未显示图片
解决方案：给el-table增加key
<el-table :key="`${Matn.random()}${item.codeId}`">
<el-table-column v-for="col in colList" :key="col.colId"></el-table-column>
</el-table>二、
组件：el-tree
问题：当数据过多，数据出现滚动条时，拖拽某元素，拖拽指标线位置出现偏移
解决方案：将高度设置给el-tree父级dom上
<div class="complex-content">
<el-tree></el-tree>
</div>
.complex-content {
height: calc(100% - 144px);
overflow-y: auto;
.el-tree {
margin-top: 8px;
}
}
三、(待解决~)
组件：el-table
问题一：当表头设置了多级分组，并将其中几列进行固定，最上层的分组名称会显示不全
解决方案：element-ui实现固定列是生成俩套el-header、el-body，然后将设置固定列的table样式从根节点上设置width,并使用overflow:hidden,进行其余内容隐藏
固定列的修改样式
/deep/.el-table__header-wrapper {
thead th.el-table__cell .cell {
visibility: visible !important;
}
}
/deep/.el-table__body-wrapper {
tbody td.el-table__cell .cell {
visibility: visible;
}
}问题二、固定列的表格线和未固定列的表格线(文字内容)未对齐
解决方案：
四、(待解决~)
组件：element-plus 文章来源：https://www.toymoban.com/news/detail-649020.html
问题：版本在beta之后，不支持设置多级表头后固定列效果文章来源地址https://www.toymoban.com/news/detail-649020.html
到了这里，关于elementUI遇到的问题记录的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
