解决element ui e-image和e-table一起使用显示的问题
更新时间:2026年05月31日 10:42:03 作者:礼貌而已
本文详细解析了在使用Element Plus组件库时,el-table与el-image嵌套导致样式错乱的问题,并提供了有效的解决代码示例,帮助开发者优化页面布局
一、问题描述
使用element-plus组件库开发时,在el-table中嵌入el-image,图片预览时两者层叠,样式错乱。
二、错误还原
el-table 与 el-image图片预览样式相互影响


三、解决方法
给 el-table 加一行如下代码即可
// 单元格样式
.el-table__cell {
position: static !important; // 解决el-image 和 el-table冲突层级冲突问题
}
四、解决后的效果

五、总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
优雅的elementUI table单元格可编辑实现方法详解
这篇文章主要介绍了优雅的elementUI table单元格可编辑实现方法详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2018-12-12
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
这篇文章主要给大家介绍了软玉利用webpack如何搭一个vue脚手架的相关资料,文中有超详细讲解和注释,对大家学习或者使用webpack具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。2018-01-01


最新评论