el-dialog嵌套dialog时层级问题
时间: 2023-10-07 13:10:40 浏览: 50
el-dialog嵌套dialog时层级问题是指在使用element-ui的el-dialog组件时,当在一个dialog中再次嵌套一个dialog时,内层dialog可能会被外层dialog或遮罩层所遮挡。在官方的解释中,他们提到了两种解决方法。
第一种方法是将内层dialog的插入位置改为body上而不是插入到外层dialog中,并且确保内层dialog的层级比遮罩层高,这样就能避免被遮挡的问题。
而第二种方法是将内层dialog与外层dialog同级显示,这样也可以避免被遮挡的问题,并且对整体的影响更小。
如果想要查看内层dialog和遮罩层的层级情况,可以打开控制台,通过查看它们在DOM中的位置来确定它们的层级关系。
总结起来,解决el-dialog嵌套dialog时层级问题的方法有两种:一是将内层dialog插入到body上并设置合适的层级,二是将内层dialog与外层dialog同级显示。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [el-dialog嵌套的影响、原因及解决方法](https://blog.csdn.net/weixin_42322454/article/details/117418976)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]