el-dialog嵌套内层

el-dialog嵌套内层时，如果内层dialog上有遮罩层无法点击的问题，可以通过在内层dialog上添加append-to-body属性来解决。官方文档中也提到了这个解决方法。将内层dialog的append-to-body属性设置为true，它就会插入到body元素上，从而保证内外层dialog和遮罩层级关系的正确。这样就可以解决内层dialog上遮罩层无法点击的问题。\[2\]具体使用示例如下：

<el-dialog width="30%" title="内层 Dialog" :visible.sync="innerVisible" append-to-body>
</el-dialog>

通过在内层dialog上添加append-to-body属性，并设置为true，就可以解决内层dialog上遮罩层无法点击的问题。
#### 引用[.reference_title]
- *1* *2* *3* [el-dialog嵌套使用](https://blog.csdn.net/qq_44860613/article/details/102559284)[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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]