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 found that the style had been added, but it was immediately removed
.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 is not solved with all
?