vue transition移除了我用js添加的样式？？？

Question

watch: {
    $route (to, from) {
      this._findBread()
      this.lastRoutePath = from.path
      this.$nextTick(() => {
        autoHeight() // 这里是我给每个组件最外层添加的样式（container.style.minHeight = 'calc(100% - 30px)'）
      })
    }
  },

<transition name="fade">
   <router-view></router-view>
</transition>

f12发现样式添加上去了，但又马上被移除了

.fade-enter-active{
    // transition: all .5s cubic-bezier(0.3, 0.5, 0.8, 1.15);
    transition: opacity .5s cubic-bezier(0.3, 0.5, 0.8, 1.15);
    transition: transform .5s cubic-bezier(0.3, 0.5, 0.8, 1.15);
  }
  .fade-leave-active {
    // transition: all .3s cubic-bezier(0.3, 0.5, 0.8, 1.0);
    transition: opacity .3s cubic-bezier(0.3, 0.5, 0.8, 1.0);
    transition: transform .3s cubic-bezier(0.3, 0.5, 0.8, 1.0);
  }

transition也没有用 all
求解？