我正在构建一个对话框组件，该组件嵌入了一个覆盖屏幕其余部分的覆盖层，从而阻止了任何操作。我希望对话框本身以滑动效果出现，而叠加淡入，（消失时相反）。
不知何故，关闭对话框时效果很好，但是打开时，在“过渡”时，叠加层无法正确渲染，高度为 0 像素。
JsFiddle（1秒后弹出对话框，点击覆盖关闭）
我尝试使用以下代码强制转换仅适用于不透明度，但没有结果..
.fade-enter-active {
transition: all 0s;
transition: opacity .3s;
}
知道这里有什么问题吗？