element ui e-image 和e-table一起使用显示问题

一、问题描述

使用element-plus组件库开发时,在el-table中嵌入el-image,图片预览时两者层叠,样式错乱。

二、错误还原

el-table 与 el-image图片预览样式相互影响

element ui e-image 和e-table一起使用显示问题_第1张图片

三、解决方法

给 el-table 加一行如下代码即可

// 单元格样式
.el-table__cell {
   position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
}

四、解决后的效果

element ui e-image 和e-table一起使用显示问题_第2张图片

你可能感兴趣的:(elementui,前端,vue)