Vue JS 2. 如何防止在两个父级之间导航时重新加载相同的嵌套组件？

Posted 2023-02-16

【中文标题】Vue JS 2. 如何防止在两个父级之间导航时重新加载相同的嵌套组件？

【英文标题】：Vue JS 2. How to prevent reload same nested component when navigate between two parent?

【发布时间】：2021-11-28 03:33:30

【问题描述】：

我有 Menu 组件，它嵌套在两个不同的布局中。当我在这两个父组件之间导航时，Vue 每次都会重新加载嵌套组件。这会导致一个问题：重新加载页面时，菜单的滚动位置变为 0:0。我试过用 ，但没用。

如何防止在两个父级之间切换时重新加载相同的嵌套组件？

【参考方案1】：

您似乎在两种不同的布局中使用相同的存储/数据选项。 尝试将您的数据保存在父组件中，并仅通过道具将其传递给您的菜单。