![]()
组件代码
<el-table :data="pager.lists" >
<el-table-column label="反馈图片" prop="images">
<template #default="{ row }">
<el-image
:teleported="true"
style="width: 100px; height: 100px"
:src="showImage(row.imgList)"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
:initial-index="4"
fit="cover"
:preview-src-list="row.imgList"
/>
</template>
</el-table-column>
</el-table>
解决办法
- 默认情况下，.el-table__cell 的 position 属性可能是 relative 或其他值，这可能导致在某些布局中出现层级问题。
- 将 position 设置为 static 后，单元格的定位行为将遵循文档流，不再受父元素或其他定位属性的影响，从而避免了层级冲突。
.el-table .el-table__cell{
position: static;
}
