解决ElementPlus使用ElMessageBox.confirm,出现层级低于el-table的问题

现象:

点击【作废】按钮后,弹出来的confirm层级被el-table覆盖

原因:

z-index虽然设置了,但没有生效

根本问题在于.el-overlay这个样式没有被设置,因为这个类是做了【position: fixed;】的设置的。

没有被设置的原因在于,我引入组件的方式是按需引入,需要单独引入这个样式文件

解决方案:
javascript 复制代码
import { ElMessageBox} from 'element-plus'
import 'element-plus/theme-chalk/src/message-box.scss'
import 'element-plus/theme-chalk/src/overlay.scss'

引入后就能生效了,可以看到元素里面有这个类的设置了

效果:

相关推荐
里欧跑得慢1 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒2 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
cn_mengbei2 小时前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
kyriewen2 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真2 小时前
我自己写的第一个skills--project-core-standards
前端·agent
Data_Journal2 小时前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库
掌心向暖RPA自动化2 小时前
如何获取网页某个元素在屏幕可见部分的中心坐标影刀RPA懒加载坐标定位技巧
java·javascript·自动化·rpa·影刀rpa
竹林8183 小时前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript
donecoding3 小时前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?
前端·ai编程·前端工程化
你也向往长安城吗3 小时前
最快的 JavaScript navmesh pathfinding3d 算法。
javascript