elementUI(el-dialog)小记

elmentUI目前限制了el-dialog弹出框的z-index固定为2000

z-index固定为2000

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

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

源码修改位置


dialog层级大小修改位置

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

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

UE配置文件

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。