怎么记dialog(elementUI(el-dialog)小记)

2024-03-20 04:30:02 :87

怎么记dialog(elementUI(el-dialog)小记)

大家好,怎么记dialog相信很多的网友都不是很明白,包括elementUI(el-dialog)小记也是一样,不过没有关系,接下来就来为大家分享关于怎么记dialog和elementUI(el-dialog)小记的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!

本文目录

elementUI(el-dialog)小记

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修改

Dialog 和 PopupWindow

参考 Dialog 和 Popupwindow 更多见于: Dialog 和 PopUpWindow的抉择

还是比较好奇 Dialog 和 PopupWindow 的区别的,一开始只觉得 Dialog 可能比较容易实现,适合一些简单的对话框,而 PopupWindow 则可以做一下比较复杂的布局。

最后看了别的博客之后发现两者的区别还是有的,在此做做笔记。

也就是说 AlertDialog 弹出时,后台还可以进行其他的操作, 而 Popupwindow 弹出的时候 后台进程会被阻塞 的,直到 Popupwindow 消失才会继续

还有设置 item 的点击事件的方法、设置宽高的方法都不尽相同,

具体也不详细的解释,看文档就差不多了

至于上面那个博客中提到的 AlertDialog 不可以设置宽为整个屏幕宽这一点, 其实还是可以的,原因是 AlertDialog 不能全屏是其默认的主题导致, 修改它的 style就可以实现,详情见我的另一篇 Dialog 笔记

关于 PopupWindow 也可以看看我写的 PopupWindow 笔记

总结起来,影响选择的因素最大的就是: 进程是否会被阻塞 弹出框的位置是否要求比较的特别 (意会) 其他的效果基本都能满足

关于怎么记dialog和elementUI(el-dialog)小记的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

怎么记dialog(elementUI(el-dialog)小记)

本文编辑:admin
Copyright © 2022 All Rights Reserved 威海上格软件有限公司 版权所有

鲁ICP备20007704号

Thanks for visiting my site.