0

我有一个带有嵌套子路由的父路由。

router-view父路由(子加载到)中的transition. 我的理解是,这应该在进入/离开路线时让孩子进出。

默认情况下不会发生任何转换。向过渡添加一个appear道具可以修复进入过渡,但不能修复离开。

这是特定于它是嵌套路由的事实吗?如果是这样,是否有解决它的最佳实践?

这是一个简化的测试用例:https ://stackblitz.com/edit/vue-y6bbb6?file=src%2Fviews%2FParent.vue – 单击页面顶部的“子”和“父”链接。

4

1 回答 1

0

转换路由只是在属于同一组路由(根路由、子路由)的组件之间进行转换。另一种想象方式是,将在相同 组件之间渲染的每个组件都router-view将被转换。

在您的情况下,您只注册了一个子路由,这意味着它不会在任何其他路由之间转换,因为只有一个。想一想,您可以通过应用在初始渲染中转换您的子路线appear

此外,:mode在使用transition组件时应用router-view是最佳实践,因为默认情况下进入和离开转换同时发生。通常,这可以避免闪烁的布局。

你可以在这里看到一个例子:https ://stackblitz.com/edit/vue-pkup3g?file=src/views/Parent.vue

刚刚分叉了你的项目并添加了一些额外的代码。

于 2021-11-17T12:35:28.600 回答