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

使用element-plus el-table中使用el-image层级冲突table表格会覆盖预览的图片等问题

在日常开发项目中 使用element-plus 中表格中使用 el-image的点击图片出现图片预览
会出现以下问题 表格一行会覆盖预览的图片
鼠标滑过也会显示表格 el-image 的预览层级和表格的层级冲突导致的。

在这里插入图片描述

解决方法:有两种一种是直接使用样式穿透 第二种推荐方法 使用官网推荐的 preview-teleported 属性

第一种解决方法:table样式穿透

::v-deep(.el-table__cell) {
	position: static !important;
}

第二种解决方法(官方推荐):preview-teleported属性

在这里插入图片描述

<el-image
	:src="图片地址"
	fit="cover"
	:preview-src-list="[图片地址]"
	preview-teleported
/>

注:此方法是官网推荐的方法 官网地址:链接: elment-pluse#Table表格 点击打开此链接鼠标拖动至最下方 有相关说明
在这里插入图片描述


http://www.kler.cn/a/403811.html

相关文章:

  • 六大核心应用场景,解锁AI检测系统的智能安全之道
  • Llama模型文件介绍
  • uniapp实现开发遇到过的问题(持续更新中....)
  • 电解车间铜业机器人剥片技术是现代铜冶炼过程中自动化和智能化的重要体现
  • 如何快速将Excel数据导入到SQL Server数据库
  • JMeter监听器与压测监控之 InfluxDB
  • 视频智能分析平台LiteAIServer视频智能分析软件噪声监测算法:检测视频画面噪声的新利器
  • 解决Excel文件流读取数字为时间乱码问题
  • vue中iframe的使用说明
  • 冒泡排序与选择排序
  • 【GNU】反汇编工具objdump
  • 2025蓝桥杯(单片机)备赛--扩展外设之I2C的重要应用--PCF8591(八)
  • python subprocess.run 详解
  • 力扣第58题:最后一个单词的长度
  • AI数字人视频小程序:引领未来互动新潮流
  • golang通用后台管理系统10(退出登录,注销token)
  • 程序里sendStringParametersAsUnicode=true的配置导致sql server cpu使用率高问题处理
  • 一、Docker 安装集
  • 脸书Facebook 多账号在同一设备登录且防关联的攻略!
  • Win11 24H2新BUG或影响30%CPU性能,修复方法在这里
  • k8s资源对象管理
  • Gin 框架中的表单处理与数据绑定
  • 第十九天 决策树与随机森林
  • Python循环请求接口
  • 高效协作:前后端合作规范与应对策略
  • 接口压力测试、性能测试工具