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 />
相关推荐
定栓25 分钟前
Typescript入门-JSDoc注释及tsconfig讲解
前端·javascript·typescript
AJi26 分钟前
EGL使用记录
前端·opengl
法欧特斯卡雷特29 分钟前
Kotlin 2.2.20 现已发布!下个版本的特性抢先看!
android·前端·后端
小意恩33 分钟前
el-table表头做过滤
前端·javascript·vue.js
fury_12334 分钟前
vue3:触发自动el-input输入框焦点
javascript·vue.js·elementui
小桥风满袖35 分钟前
极简三分钟ES6 - 迭代器Iterator
前端·javascript
小菜全35 分钟前
ElementUI 组件概览
前端·vue.js·elementui
Developer-YC37 分钟前
像素图生成小程序开发全解析:从图片上传到Excel图纸
java·javascript·图像处理·微信小程序·excel
lichong95139 分钟前
【混合开发】vue+Android、iPhone、鸿蒙、win、macOS、Linux之android 把assert里的dist.zip 包解压到sd卡里
android·vue.js·iphone
JarvanMo1 小时前
提升生产力:每个 iOS 开发者都应该知道的 10 个 Xcode 技巧
前端