el-image 和 el-table冲突层级冲突问题

其中原理,很多博客已经所过了,table组件中使用图片,会出现层级过低问题,

网上大部分解决方式是 使用穿透

javascript 复制代码
// 单元格样式
::v-deep(.el-table__cell) {
    position: static !important;
}

我在此不推荐这种解决方式,原因:此样式,会影响 单元格合并时 border显示bug

更好的解决方式其实就写在官方文档下方

只需在加入preview-teleported 将插入地址定为body,即可解决

javascript 复制代码
<el-image :preview-src-list="srcList" fit="cover" preview-teleported />
相关推荐
光影少年4 分钟前
前端算法题
前端·javascript·算法
Lee川5 分钟前
从输入框到智能匹配:一文读懂搜索功能的完整实现
前端·后端
朝阳391 小时前
React【面试】
前端·react.js·面试
漓漾li1 小时前
每日面试题(2026-05-15)- 前端
前端·vue.js·react.js
进击切图仔1 小时前
RAG 加载 pdf 文档
linux·前端·pdf
小小小小宇1 小时前
git 大仓库拉取卡顿问题
前端
前端那点事1 小时前
告别低级冗余!10个前端原生高阶技巧,让代码更优雅、性能更出众
前端·vue.js
hexu_blog1 小时前
前端vue后端java如何实现证件照功能
前端·javascript·vue.js
豹哥学前端1 小时前
前端 LocalStorage 实战:从入门到熟练,一篇就够了
前端·javascript·面试
用户40189933422841 小时前
第 11 章 MCP 协议与集成
前端