vue中使用跳路由的方式切换内容，无法使用vue的transition动画。怎么样才能让动画生效？

Question

我之前是使用v-if实现切换的，这样可以使用transition动画，
现在领导让换成了转路由的方式来切换，导致transition动画失效了，这种情况我该怎么处理。

Answer 1

<transtion name="slide-fade"><router-link&nbsp;to="/"></router-link><transtion>

Answer 2

路由过渡效果要再App.vue的router-view上设置

Answer 3

<transition :name="transitionName"><router-view&nbsp;class="child-view"></router-view></transition>添加watch:watch:{'$route':function(to,from){//添加路由切换过渡动画const&nbsp;toDepth&nbsp;=&nbsp;to.path.split('/').lengthconst&nbsp;fromDepth&nbsp;=&nbsp;from.path.split('/').lengththis.transitionName&nbsp;=&nbsp;toDepth&nbsp;<&nbsp;fromDepth&nbsp;?&nbsp;'slide-right'&nbsp;:&nbsp;'slide-left'}}