两个弹框z-index

根据引用\[1\]中的描述，每次开关对话框，其z-index都会递增，导致对话框外的元素被遮住。解决这个问题有两种方法。一种是前端团队形成统一规范，为不同的组件设置不同的z-index范围，不同的业务使用固定的组件。另一种方法是通过获取当前页面中所有元素的z-index值，并找到最高的值，然后在其基础上加一作为新的z-index值。具体步骤如下：

1. 将整个页面的所有DOM元素获取到，并转换成数组。可以使用`Array.from(document.all)`来实现。
2. 使用`window.getComputedStyle()`方法获取每个元素的z-index属性值。如果没有获取到，则默认为0。这个方法可以获取到元素的行内样式和CSS样式表中的z-index值。
3. 将获取到的z-index值存储在一个数组中。
4. 通过某种方式（比如使用`Math.max()`函数或排序）找到数组中最大的z-index值。
5. 将最大的z-index值加1，作为新的z-index值返回。

这样，你就可以得到两个弹框的z-index值了。
#### 引用[.reference_title]
- *1* [el-dialog中el-dialog_wrapper对应的div的z-index递增的问题](https://blog.csdn.net/ABidMan/article/details/130274526)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [找到页面当前元素z-index最高的数值](https://blog.csdn.net/glorydx/article/details/125544622)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]