elementUI遇到的问题记录

一、

组件：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;
    }
}