vue中自己封装的全局alert弹框被dialog遮挡

问题分析：

在 Vue 中自己封装的全局 alert 弹框被 dialog 遮挡，这个问题可能由于 z-index 的设置引起的。

解决方法：

1. 在全局 alert 弹框的样式中设置一个较高的 z-index 值，例如：

.alert { z-index: 9999; }

2. 确保 dialog 的 z-index 值不高于全局 alert 弹框的 z-index 值，可以在 dialog 的样式中设置一个较低的 z-index 值，例如：

.dialog { z-index: 999; }

3. 如果以上两种方法都不行，可以尝试在全局 alert 弹框和 dialog 的父元素中设置一个较高的 z-index 值，例如：

.parent { z-index: 9999; }

注意事项：

1. 在设置 z-index 值时，要确保不会与其他组件或插件的 z-index 冲突。

2. 如果使用了第三方的 UI 库，可能会覆盖掉自己设置的 z-index 值，需要查看该 UI 库的文档或源码，找到对应的 z-index 值进行修改。

3. 如果无法解决问题，可以尝试使用其他组件或插件替换全局 alert 弹框