设置了appear组件第一次挂载没有动画

Question

设置了appear为true组件第一次挂载没有动画

比如说这个Alert组件，hide默认是false，那组件挂载的第一次为什么没有显示动画呢？只有关闭的时候有显示，appear默认也为true

Answer 1

张轩 2020-04-23 10:38:54

同学你好 当要第一次就出现动画效果的时候 不仅仅要添加 appear 属性，还需要添加appear 相关的样式，他和其他一样也有对应的生命周期

.alert-appear {
    opacity: 0;
    transform: scale(0.9);
}
.alert-appear-active {
    opacity: 1;
    transform: translateX(0);
    transition: opacity 300ms, transform 300ms;
}

• 提问者 AmourLuoTongZhou #1

  非常感谢！