鍍金池/ 問答/HTML/ 在切換路由時候，上個頁面有高度，切換到下個頁面樣式錯亂

在切換路由時候，上個頁面有高度，切換到下個頁面樣式錯亂

     就是這樣每次切換路由都會先看到之前的頁面把當(dāng)前路由的頁面頂下來
        <transition name="fade">
            <router-view></router-view>
        </transition>

樣式
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to / .fade-leave-active below version 2.1.8 / {
opacity: 0;
}

回答
編輯回答
懶洋洋

用了 transition 的話，在切換路由的時候，兩個頁面會同時存在于文檔中，所以出現(xiàn)你說的現(xiàn)象。
讓他們層疊起來就好了唄。

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
  
  position: absolute;
  top: 0;
  left: 0;
}
2017年1月8日 06:12
編輯回答
孤毒
<transition name="fade" mode="out-in">
    <router-view>
    </router-view>
</transition>   
多重動畫就可以
2017年7月18日 20:45