移出分组的过渡动画问题

Question

老师，你好，我想问一下关于移出分组的过渡动画的实现问题。
我的代码在***移动到其他分组***的时候过渡动画显示没有问题，但是在***移出分组***的时候却显示不出动画，可能是由于什么原因导致的呢？（功能是可以实现的，但是就是这个过渡的效果没出来）
代码如下：

moveOutFromGroup (group) {
      this.setShelfList(this.shelfList.map(book => {
        if (book.type === 2 && book.itemList) {
          book.itemList = book.itemList.filter(subBook => !subBook.selected)
        }
        return book
      })).then(() => {
        let list = removeAddFromShelf(this.shelfList)
        list = [].concat(list, ...this.shelfSelected)
        list = appendAddToShelf(list)
        list = computeId(list)
        this.setShelfList(list).then(() => {
          this.simpleToast(this.$t('shelf.moveBookOutSuccess'))
          this.onComplete()
        })
      })

布局代码如下：

.shelf-item-wrapper {
      flex: 0 0 33.33%;
      width: 33.33%;
      padding: px2rem(15);
      box-sizing: border-box;
      &.list-leave-active {
        display: none;
      }
      &.list-move {
        transition: transform 0.5s;
      }
    }

gitee的地址是这个：https://gitee.com/bobonpy/ebook2
麻烦了

Answer 1

慕标3395159 2019-11-13 16:28:46

同问，为什么移出分组没有过渡动画了？

Answer 2

Kevin_Glaser 2021-07-05 14:19:44

同问，都解决了码吗，如果解决了的话，求教是如何解决的

Answer 3

长风破 2020-05-27 09:52:34

同问，你们最后是怎么结局的？