首页 > vue-router过渡只在刚进入页面的时候执行一次,后面的路由切换就不再进行了

vue-router过渡只在刚进入页面的时候执行一次,后面的路由切换就不再进行了


这个router-view是整个应用的根路由,现在我想在每次路由切换的时候都执行动画,可是现在我只在首次进入页面的时候出现了动画,后面的路由切换就没有在出现过动画了,求解,谢谢


这里的问题是,把v-transition放到<router-view />表示什么意思?

其实比较好理解,你别把<router-view>当成路由,就是一个普通组件,什么时候v-transition会有效果呢?当然是<router-view />本身发生变化时,也就是你说的"第一次进入页面时"(因为这时候<router-view>从无到有嘛)。

所以,如果你想让每次路由切换都有效果,v-transition就应该分别写在要被来回切换的子组件上。这样还可以针对不同的路由/组件做不同的动画效果

【热门文章】
【热门文章】