删除的时候 v-move 没生效

Question

<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 不行，剩下的数字直接跳了个位置没有动画，是什么原因呢？

Answer 1

Dell 2022-07-31 12:09:15

.v-leave-active {      transition: all .5s ease-in;    }

只有 ease-in？