当前位置: 首页 > news >正文

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

其中原理,很多博客已经所过了,table组件中使用图片,会出现层级过低问题,
网上大部分解决方式是 使用穿透

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

我在此不推荐这种解决方式,原因:此样式,会影响 单元格合并时 border显示bug
更好的解决方式其实就写在官方文档下方
在这里插入图片描述
只需在加入preview-teleported 将插入地址定为body,即可解决

<el-image :preview-src-list="srcList" fit="cover" preview-teleported />
http://www.lryc.cn/news/173951.html

相关文章:

  • 6年Android开发前10月的总结,写给正在求职的安卓开发
  • ConcurrentHashMap 的并发度是什么?
  • Redis 面霸篇:从高频问题透视核心原理
  • 【100天精通Python】Day69:Python可视化_实战:导航定位中预测轨迹和实际轨迹的3D动画,示例+代码
  • MySQL中对varchar类型的列进行统计分析
  • mysql索引最左前缀法则、使用场景
  • LeetCode75-06:移动零
  • C/C++统计满足条件的4位数个数 2023年5月电子学会青少年软件编程(C/C++)等级考试一级真题答案解析
  • python+nodejs+php+springboot+vue 校园安全车辆人员出入安全管理系统
  • 针对discuz3.2的渗透测试
  • python的中秋之美
  • ClickHouse与Elasticsearch比较总结
  • 辅助驾驶功能开发-功能对标篇(12)-NOA领航辅助系统-合众
  • Vue项目中使用element-plus的el-table组件-组件使用-样式修改
  • JavaBean字符串训练(支票大写)
  • Java 核心技术卷 I —— 第2章 Java 编程环境
  • 外汇天眼:英国FCA引入新规定,强化金融广告审核标准!
  • 【python】Seaborn画热力图,只显示第一行数字---seaborn与matplotlib版本问题
  • VMware CentOS7 Docker入门
  • C++ Primer 第5章 语句
  • 【C++】bitset位图的简单模拟实现及常见面试题
  • 十六、MySql的MVCC机制CONNECT(收官!)
  • 194、SpringBoot -- 下载和安装 Erlang 、 RabbitMQ
  • Linux0.11——第二回 从0x7c00到0x90000
  • 封装了一个中间放大效果的iOS轮播视图
  • 趣解设计模式之《小王的糖果售卖机》
  • Redis 哨兵模式模式搭建教程
  • 41. Linux系统配置FTP服务器并在QT中使用QFtp实现文件上传
  • 【新版】系统架构设计师 - 案例分析 - 架构设计<架构风格和质量属性>
  • C++ - 红黑树 介绍 和 实现