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弹框蒙层问题