el dialog遮罩样式没有了
时间: 2023-08-01 09:09:27 浏览: 55
el dialog遮罩样式没有了可能是因为你使用了一些属性或样式来修改遮罩层的行为。根据引用\[1\],在正常情况下,不建议使用嵌套的Dialog,并且如果需要在页面上同时显示多个Dialog,可以将它们平级放置。如果确实需要嵌套Dialog的场景,可以使用append-to-body属性将内层Dialog插入至body元素上,以保证内外层Dialog和遮罩层级关系的正确。所以,如果你使用了append-to-body属性,并将其设置为true,那么内层Dialog会插入至body元素上,可能导致遮罩层样式没有了。
另外,根据引用\[2\],你可能使用了一些CSS样式来去除遮罩层并使底层内容可编辑。你可以检查你的CSS样式是否正确,特别是/deep/选择器是否被正确应用。如果/deep/选择器没有被正确应用,可能会导致遮罩层样式没有了。
最后,根据引用\[3\],你可能使用了一些属性来取消el-dialog自带的close按钮和点击遮罩关闭弹窗的功能。你可以检查你的代码中是否正确设置了show-close和close-on-click-modal属性,以确保关闭按钮和点击遮罩关闭弹窗的功能没有被禁用。
综上所述,你可以检查你的代码中是否正确使用了相关属性和样式,以确保el dialog的遮罩样式没有被意外修改或禁用。
#### 引用[.reference_title]
- *1* [el-dialog遮罩层的问题](https://blog.csdn.net/simple_smile1208/article/details/119930950)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-dialog 自定义样式 + 去除遮罩层底层可点击](https://blog.csdn.net/qq_52507367/article/details/128588767)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)