element-ui弹窗要暗一下才弹出来

你可以通过设置 element-ui 弹窗的 `custom-class` 属性来实现让弹窗暗一下再弹出来的效果。首先，你可以在该属性中指定一个自定义的 CSS 类名，然后在 CSS 中定义该类名的样式。

例如，你可以使用以下代码来实现这个效果：

<el-dialog custom-class="dark-dialog" :visible="dialogVisible">
  <!-- 弹窗内容 -->
</el-dialog>

然后，在你的 CSS 文件中定义 `dark-dialog` 类的样式，例如：

.dark-dialog {
  opacity: 0;
  transition: opacity 0.3s;
}

.dark-dialog-enter-active {
  opacity: 1;
}

这样，当弹窗显示时，会先设置初始的透明度为 0，然后再通过过渡效果将透明度逐渐变为 1，从而实现暗一下再弹出来的效果。你可以根据需要进一步调整 CSS 样式以达到你想要的效果。