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 />
相关推荐
PineappleCoder几秒前
服务器推送有多香?HTTP/2 让资源加载快到 “未卜先知”
前端·http·面试
用户2519162427111 分钟前
Canvas之粒子烟花
前端·javascript·canvas
圆心角3 分钟前
nodeJS-eventLoop, 面试必备
前端·面试
爱吃香菇的小白菜3 分钟前
echarts、antv图表类 y轴范围 计算方法
前端·echarts
京东零售技术4 分钟前
Taro on HarmonyOS 技术架构深度解析
前端
枫荷5 分钟前
简单介绍serviceWorker使用场景
前端·javascript
贤玉6 分钟前
useCallback
前端
JarvanMo6 分钟前
我做了一款赚了 10 万美元的 iOS 应用。苹果拿走了三成,剩下的都花在了 Bug 和身心俱疲上。
前端
橡皮擦1998 分钟前
PanJiaChen /vue-element-admin 权限方案实现总结
前端
王小发1018 分钟前
怎么打败微信内置浏览器的恐怖缓存
前端·微信