在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue transition 與 vue router 復(fù)用的沖突

vue transition 與 vue router 復(fù)用的沖突

比如有顯示員工信息的頁(yè)面 /udetail, 頁(yè)面左側(cè)顯示員工列表，通過點(diǎn)擊， 右側(cè)顯示不同的明細(xì)信息。
由于是同一個(gè)router （url不變）， 更新數(shù)據(jù)通過 beforeRouteUpdate() 完成。

因此加載員工明細(xì)頁(yè)面的 transition， 只有在通過別的url跳轉(zhuǎn)該頁(yè)面的時(shí)候有效。 而后續(xù)切換不同員工信息的時(shí)候， transition就無效了。

如何破解？

回答
編輯回答
久舊酒

<transition> 只會(huì)把過渡效果應(yīng)用到其包裹的內(nèi)容，你是不是這樣寫的？

<transition>
    <router-view></router-view>
</transition>

如果是這樣的話，只會(huì)在url改變的時(shí)候才會(huì)生效。
你可以這樣：官方文檔transition

<transition-group tag="ul" name="slide">
  <li v-for="item in items" :key="item.id">
    {{ item.text }}
  </li>
</transition-group>
2018年7月7日 00:11