Vue 弹框被遮挡？三种解决方法

如果你的弹框被'dialog::backdrop'遮挡，可以尝试以下几种解决方法：

1. 修改弹框的z-index属性

可以通过设置弹框的'z-index'属性来调整它在层级上的位置，让它处于'dialog::backdrop'之上。例如：

.dialog {
  z-index: 1000;
}

2. 修改dialog::backdrop的z-index属性

'dialog::backdrop'是弹框背景的一部分，也可以通过设置它的'z-index'属性来调整它在层级上的位置。例如：

.dialog::backdrop {
  z-index: 999;
}

3. 修改Vue的dialog组件配置

如果你使用的是Vue的dialog组件，可以尝试修改其配置项，将'overlay'属性设置为'true'，让弹框背景占据整个屏幕，避免被'dialog::backdrop'遮挡。例如：

this.$dialog.alert({
  overlay: true,
  title: '提示',
  message: '这是一条提示信息'
})