elementUI(el-dialog)小记

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementUI(el-dialog)小记相关的知识,希望对你有一定的参考价值。

参考技术A elmentUI目前限制了el-dialog弹出框的z-index固定为2000

如果在dialog中使用z-index低于2000的控件就会导致该控件出现在dialog之后的情况,例如:百度的富文本编辑控件UEditor。这个控件的z-index显著小于2000,这就导致了点击富文本的一些按钮,出现的提示或者选项在dialog之后,根本点不到。

鉴于以上原因,我决定修改elmentUI中dialog的源码,在这边记录一个坑(傻傻的坑):项目中node_modules中调用的是打包后的文件所以修改的是lib文件夹下的文件

以上是我刚开始碰到的修改的dialog的方法

然后第二天我去查看了UE的源码,发现我傻了,原来UE可以通过配置来修改z-index:

通过在项目中写的配置文件中设置zIndex修改

以上是关于elementUI(el-dialog)小记的主要内容,如果未能解决你的问题,请参考以下文章

elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件

Vue+ElementUI中 el-dialog弹框蒙层问题

Vue+ElementUI中 el-dialog弹框蒙层问题

elementUI el-dialog弹框居中

elementUI el-dialog 解决embed标签无法实时更新预览PDF文件

element ui 对话框el-dialog关闭事件( ×号 )