Vue transition:为什么在嵌套子路由之间切换时没有过渡动画

Vue transition:Why is there no transition animation when switching between nested child routes

当我在 /test/c/test/d 之间切换时,即将消失的组件不在 DOM 树中,我猜这与它们具有共同的父组件有关。我本来以为从/a/b leave的组件都有离开动画,请问如何解决这个问题?

这是演示:codesandbox.io

您必须将 key 添加到父级 <router-view :key="$route.path">