删除的时候 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?

0
0

Vue3入门与项目实战 掌握完整知识体系

明星讲师DELL亲授,全方位知识点+高匹配度项目,入门到深度掌握

3382 学习 · 1454 问题

查看课程