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 />
相关推荐
多啦爱梦的梦想22 分钟前
项目中把webpack 打包改为vite 打包
前端·webpack
小刘不知道叫啥32 分钟前
简单说一下 Webpack分包
前端·javascript·webpack·node.js
Dontla36 分钟前
《黑马前端ajax+node.js+webpack+git教程》(笔记)——node.js教程+webpack教程(nodejs教程)
前端·ajax·node.js
MessiGo1 小时前
Javascript 编程基础(2)基础知识 | 2.1、javascript与Node.js
开发语言·javascript·node.js
繁依Fanyi1 小时前
项目记录:「五秒反应挑战」小游戏的开发全过程
前端·codebuddy首席试玩官
肥肠可耐的西西公主1 小时前
前端(vue)学习笔记(CLASS 6):路由进阶
前端·vue.js·学习
*小雪1 小时前
uniapp打包H5,输入网址空白情况
前端·uni-app
李梨与狸2 小时前
vue中excel文件 打包后不展示问题
前端·vue.js·excel
前端达人2 小时前
React 播客专栏 Vol.13|样式不难搞,Tailwind CSS 与 SVG 实战入门
前端·javascript·css·react.js·前端框架
xcs194052 小时前
开发 前端搭建npm v11.4.0 is known not to run on Node.js v14.18.1.
前端·npm·node.js