兩個組件:nav導航欄組件,panel內容組件需求:nav組件第二層導航的顯示/隱藏(過渡效果),已實現。nav與panel組件的過渡效果, 未實現。說明:nav組件內部的DOM變化使得整個頁面高度發生了變化,從而使nav下面的組件的offsetTop的變化都在瞬間,顯得很突兀Vue文檔中說明了觸發transition需要v-if,v-for,或者DOM跟新。在這里是通過組件內部DOM的變化來觸發組件與組件之間的過渡,感覺也應該是可以的啊,但是我沒實現成功,是我理解的有問題嗎?<div id="app">
<transition-group name="slide">
<navigation key="nav" class="nav"></navigation>
<panel key="panel" class="panel"></panel>
</transition-group></div>demo
vue 如何實現組件與組件之間的transition過渡?
翻過高山走不出你
2018-10-11 13:19:58