删除的时候 v-move 没生效
来源:4-7 列表动画

慕少143437
2022-07-29
<style>
.list-item {
display:inline-block;
margin-right: 10px;
}
.v-enter-from {
opacity: 0;
transform: translateY(30px);
}
.v-enter-active {
transition: all .5s ease-in;
}
.v-enter-to {
opacity: 1;
transform: translateY(0);
}
.v-move {
transition: all .5s ease-in;
}
.v-leave-from {
opacity: 1;
transform: translateY(0);
}
.v-leave-active {
transition: all .5s ease-in;
}
.v-leave-to {
opacity: 0;
transform: translateY(30px);
}
</style>
老师,之前新增的时候 v-move 正常,我自己写了删除的功能,被删除的数字动画正常,但是 v-move 不行,剩下的数字直接跳了个位置没有动画,是什么原因呢?
写回答
1回答
-
Dell
2022-07-31
.v-leave-active { transition: all .5s ease-in; }
只有 ease-in?
00
相似问题