这个router-view
是整个应用的根路由,现在我想在每次路由切换的时候都执行动画,可是现在我只在首次进入页面的时候出现了动画,后面的路由切换就没有在出现过动画了,求解,谢谢
这里的问题是,把v-transition
放到<router-view />
表示什么意思?
其实比较好理解,你别把<router-view>
当成路由,就是一个普通组件,什么时候v-transition
会有效果呢?当然是<router-view />
本身发生变化时,也就是你说的"第一次进入页面时"(因为这时候<router-view>
从无到有嘛)。
所以,如果你想让每次路由切换都有效果,v-transition
就应该分别写在要被来回切换的子组件上。这样还可以针对不同的路由/组件做不同的动画效果